/* C4R brand tokens: the one source for the Electric Livery values (W3-01, desktop-brief D0.1).
   Imported first in src/index.jsx, so every other stylesheet can read these from :root.
   Older token sets still repeat some of these values (livery.css is generated, site-theme.css,
   mobile-m1.css, index.css @theme, tailwind.config.js); scripts/brand-tokens.test.mjs fails when one
   of those copies drifts from this file. Adding a token here changes nothing on screen until a rule
   reads it. */
:root {
  /* colour */
  --c4r-violet: #6C3BFF;
  --c4r-violet-hover: #5526EA;
  --c4r-violet-press: #4A1FCC;
  --c4r-violet-100: #EFE9FF;
  --c4r-ink: #140C2A;
  --c4r-mist: #F6F3FC;
  --c4r-line: #E5E0EF;
  --c4r-line-strong: #CFC7E0;
  --c4r-control-border: #8C84A3;
  --c4r-muted: #5B5273;
  --c4r-price: #087443;
  --c4r-price-on-ink: #3DDC84; /* price green on ink and night surfaces; there is no site dark mode */
  --c4r-danger: #C0223B;

  /* Listing photo placeholders: car-derived solid tones, never a violet/grey loading void. */
  --c4r-photo-placeholder-red: #7A3035;
  --c4r-photo-placeholder-green: #285849;
  --c4r-photo-placeholder-blue: #31516F;
  --c4r-photo-placeholder-grey: #596168;
  --c4r-photo-placeholder-white: #E8E4DC;
  --c4r-photo-placeholder-black: #1C1B20;
  --c4r-photo-placeholder-gold: #7B6334;
  --c4r-photo-placeholder-neutral: #443F4B;

  /* type: each brand family is followed by its metric-matched local fallback (fonts.css) */
  --c4r-fd: "Barlow Condensed", "Barlow Condensed Fallback", "Bahnschrift Condensed", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --c4r-fb: "Barlow", "Barlow Fallback", "Bahnschrift", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --c4r-fm: "Azeret Mono", "Azeret Mono Fallback", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* layout */
  --c4r-maxw: 1280px;
  --c4r-gut: 16px;
  --c4r-toolbar-h: 56px;
  /* phone header height (mobile-m1 .hdr is 56px below 768px); the 768/1024 blocks below override it,
     so var(--c4r-hdr-h) is always defined */
  --c4r-hdr-h: 56px;
  --c4r-lean: -14deg;

  /* motion: the Drivetrain scale (charter BEHAVE). Nothing on a task path runs longer than glide. */
  --c4r-tick: 90ms;
  --c4r-shift: 160ms;
  --c4r-pull: 240ms;
  --c4r-glide: 320ms;
  --c4r-calm: 120ms;
  --c4r-ease-settle: cubic-bezier(.3, 0, .1, 1);

  /* Road Star (ratings spec 7.2): flat two-tone pressed metal, no gradients, no glow. Base is the
     lower-left half, facet the upper-right half of a -14deg split. Bases are >= 3:1 on white and mist,
     and neighbouring tiers are >= 20 apart in CIELAB (checked in road-rating-frontend.test.mjs, also
     with a deuteranopia filter): copper-red Bronze, cool polished Silver, bright brass Gold, a deep
     tier-only Violet (never the button violet) and an ink-and-violet Hall of Fame.
     The *-dk values are for ink backgrounds (the share card, and a later Night Drive theme). */
  --c4r-star-line: #140C2A;
  --c4r-star-stripe: #F6F3FC;
  --c4r-star-bronze: #8C4A2F;
  --c4r-star-bronze-facet: #C26A45;
  --c4r-star-silver: #5B6472;
  --c4r-star-silver-facet: #C9D0DA;
  --c4r-star-gold: #A87A00;
  --c4r-star-gold-facet: #E0B43A;
  --c4r-star-violet: #5226D9;
  --c4r-star-violet-facet: #9B7BFF;
  --c4r-star-hof: #140C2A;
  --c4r-star-hof-facet: #6C3BFF;
  --c4r-star-hof-keyline: #140C2A;
  --c4r-star-tag-ink: #140C2A;
  --c4r-star-tag-mist: #F6F3FC;
  --c4r-star-line-dk: #EFEBF6;
  --c4r-star-stripe-dk: #EFEBF6;
  --c4r-star-bronze-dk: #B5643F;
  --c4r-star-bronze-facet-dk: #D9875F;
  --c4r-star-silver-dk: #9AA3B1;
  --c4r-star-silver-facet-dk: #DCE1E8;
  --c4r-star-gold-dk: #C99A16;
  --c4r-star-gold-facet-dk: #EDC65A;
  --c4r-star-violet-dk: #7D58FF;
  --c4r-star-violet-facet-dk: #B39BFF;
  --c4r-star-hof-dk: #1A1233;
  --c4r-star-hof-facet-dk: #8F6BFF;
  --c4r-star-hof-keyline-dk: #EFEBF6;
}
@media (min-width: 768px) {
  :root {
    --c4r-gut: 32px;
    /* today's Navbar height; every sticky offset reads this token (D2 moves it to 64px) */
    --c4r-hdr-h: 72px;
  }
}
@media (min-width: 1024px) {
  :root { --c4r-hdr-h: 88px; }
}
@media (min-width: 1200px) {
  :root { --c4r-gut: 80px; }
}

/* Font stacks owned elsewhere: put the metric-matched fallback straight after the brand family.
   The first family is unchanged, so nothing moves once the fonts have loaded. livery.css is generated
   and mobile-m1.css is frozen, so they are reached here with a more specific selector instead of being
   edited (html .c4r-livery beats .c4r-livery; html:root beats :root). */
html .c4r-livery {
  --fd: var(--c4r-fd);
  --fb: var(--c4r-fb);
  --fm: var(--c4r-fm);
}
html:root {
  --c4r-m-font-display: "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
  --c4r-m-font-body: "Barlow", "Barlow Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --c4r-m-font-mono: "Azeret Mono", "Azeret Mono Fallback", ui-monospace, "SFMono-Regular", Menlo, monospace;
}

/* C4R self-hosted livery fonts (W3-01, PERF-07 / SEO P0-2).
   Barlow, Barlow Condensed and Azeret Mono, SIL Open Font License 1.1 (licence files sit next to the
   woff2 files in /assets/fonts/). These are the same latin and latin-ext woff2 files Google Fonts served
   for the faces the site requested before, with the same unicode-range split, so rendering at rest is
   unchanged; the latin-ext file only downloads when a page uses one of its characters.
   The URLs are root-absolute and left alone by css-loader (webpackIgnore) so they match the two
   <link rel="preload"> tags in public/index.html byte for byte.
   CACHING: /assets/fonts/ is served without a content hash and nginx caches it for 1 day plus 7 days
   stale-while-revalidate. Never replace a woff2 in place: any change to a font file must give it a new
   file name (e.g. barlow-400-latin.v2.woff2) and update the @font-face URL here and any matching
   preload in public/index.html, or visitors can be served stale glyphs for up to about 8 days. */

/* Barlow 400, latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-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;
}
/* Barlow 400, latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-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;
}
/* Barlow 500, latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-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;
}
/* Barlow 500, latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-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;
}
/* Barlow 600, latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-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;
}
/* Barlow 600, latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-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;
}
/* Barlow 700, latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-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;
}
/* Barlow 700, latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-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;
}
/* Barlow Condensed 700 italic, latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-700i-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;
}
/* Barlow Condensed 700 italic, latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-700i-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;
}
/* Barlow Condensed 800 italic, latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-800i-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;
}
/* Barlow Condensed 800 italic, latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-800i-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;
}
/* Barlow Condensed 900 italic, latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-900i-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;
}
/* Barlow Condensed 900 italic, latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-900i-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;
}
/* Barlow Condensed 500, latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-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;
}
/* Barlow Condensed 500, latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-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;
}
/* Barlow Condensed 600, latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-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;
}
/* Barlow Condensed 600, latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-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;
}
/* Barlow Condensed 700, latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-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;
}
/* Barlow Condensed 700, latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-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;
}
/* Barlow Condensed 800, latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-800-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;
}
/* Barlow Condensed 800, latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-800-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;
}
/* Azeret Mono 500, latin-ext */
@font-face {
  font-family: 'Azeret Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/azeret-mono-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;
}
/* Azeret Mono 500, latin */
@font-face {
  font-family: 'Azeret Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/azeret-mono-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;
}
/* Azeret Mono 600, latin-ext */
@font-face {
  font-family: 'Azeret Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/azeret-mono-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;
}
/* Azeret Mono 600, latin */
@font-face {
  font-family: 'Azeret Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/azeret-mono-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;
}

/* Metric-matched fallbacks: while a woff2 is still downloading (font-display: swap) the text is set in
   a local Arial / Courier New scaled to the brand font's width and line metrics, so the swap does not
   move the layout (CLS). size-adjust = brand weighted advance / local weighted advance; the overrides are
   brand metric / size-adjust. They cover the same character ranges as the brand faces, so a character
   the brand font lacks still falls through to the rest of the stack exactly as before. */
/* Barlow 400: upm 1000, ascent 1000, descent 200, weighted advance 423.37 */
@font-face {
  font-family: 'Barlow Fallback';
  font-style: normal;
  font-weight: 100 599;
  src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('Arimo');
  size-adjust: 96.71%;
  ascent-override: 103.40%;
  descent-override: 20.68%;
  line-gap-override: 0%;
  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, 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;
}
/* Barlow 600 / 700 (mean weighted advance 438.40) against Arial Bold (476.84), not Arial Regular:
   bold text is what prices and buttons paint, and Arial Bold is ~8% wider than Arial. */
@font-face {
  font-family: 'Barlow Fallback';
  font-style: normal;
  font-weight: 600 900;
  src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('Arimo Bold');
  size-adjust: 91.94%;
  ascent-override: 108.77%;
  descent-override: 21.75%;
  line-gap-override: 0%;
  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, 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;
}
/* Barlow Condensed 500 (weighted advance 349.01) against Arial (440.83) */
@font-face {
  font-family: 'Barlow Condensed Fallback';
  font-style: normal;
  font-weight: 100 599;
  src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('Arimo');
  size-adjust: 79.17%;
  ascent-override: 126.31%;
  descent-override: 25.26%;
  line-gap-override: 0%;
  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, 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;
}
/* Barlow Condensed 800 / 800 italic (headings and prices; mean weighted advance 366.42) against
   Arial Bold (476.84), the face this range actually falls back to */
@font-face {
  font-family: 'Barlow Condensed Fallback';
  font-style: normal;
  font-weight: 600 900;
  src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('Arimo Bold');
  size-adjust: 76.84%;
  ascent-override: 130.13%;
  descent-override: 26.03%;
  line-gap-override: 0%;
  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, 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;
}
/* Azeret Mono 500: upm 1000, ascent 937, descent 230, advance 650 */
@font-face {
  font-family: 'Azeret Mono Fallback';
  font-style: normal;
  font-weight: 100 599;
  src: local('Courier New'), local('CourierNewPSMT'), local('Liberation Mono'), local('Cousine');
  size-adjust: 108.32%;
  ascent-override: 86.51%;
  descent-override: 21.23%;
  line-gap-override: 0%;
  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, 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;
}
/* Azeret Mono 500: upm 1000, ascent 937, descent 230, advance 650 */
@font-face {
  font-family: 'Azeret Mono Fallback';
  font-style: normal;
  font-weight: 600 900;
  src: local('Courier New Bold'), local('CourierNewPS-BoldMT'), local('Liberation Mono Bold'), local('Cousine Bold');
  size-adjust: 108.32%;
  ascent-override: 86.51%;
  descent-override: 21.23%;
  line-gap-override: 0%;
  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, 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;
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:"";--tw-divide-x-reverse:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-poppins:"Barlow","Barlow Fallback","Segoe UI",sans-serif;--font-inter:"Barlow","Barlow Fallback","Segoe UI",sans-serif;--font-public-sans:"Barlow","Barlow Fallback","Segoe UI",sans-serif;--font-roboto:"Barlow","Barlow Fallback","Segoe UI",sans-serif;--font-manrope:"Barlow","Barlow Fallback","Segoe UI",sans-serif;--font-livery-display:"Barlow Condensed","Barlow Condensed Fallback","Arial Narrow",sans-serif;--color-primary:#6c3bff;--color-primary-dark:#5a2ee6;--color-primary-light:#f0ebff;--color-ink:#0c0c0c;--color-secondary:#373737;--color-dim:#42444a;--color-subtle:#8c8c8c}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body{font-family:var(--font-public-sans)}h1,h2,h3,h4,h5,h6{font-family:var(--font-livery-display)}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-x-1{inset-inline:calc(var(--spacing)*1)}.inset-x-3{inset-inline:calc(var(--spacing)*3)}.inset-x-6{inset-inline:calc(var(--spacing)*6)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-2{top:calc(var(--spacing)*-2)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-22{top:calc(var(--spacing)*22)}.top-full{top:100%}.-right-2{right:calc(var(--spacing)*-2)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-2\.5{right:calc(var(--spacing)*2.5)}.right-3{right:calc(var(--spacing)*3)}.right-3\.5{right:calc(var(--spacing)*3.5)}.right-\[12\%\]{right:12%}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-3{bottom:calc(var(--spacing)*3)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-14{bottom:calc(var(--spacing)*14)}.bottom-\[12\%\]{bottom:12%}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.left-4{left:calc(var(--spacing)*4)}.isolate{isolation:isolate}.z-5{z-index:5}.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-55{z-index:55}.z-60{z-index:60}.z-\[1\]{z-index:1}.z-\[45\]{z-index:45}.z-\[70\]{z-index:70}.z-\[100\]{z-index:100}.z-\[110\]{z-index:110}.z-\[120\]{z-index:120}.z-\[10000\]{z-index:10000}.order-1{order:1}.order-2{order:2}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-4{margin:calc(var(--spacing)*4)}.-mx-4{margin-inline:calc(var(--spacing)*-4)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-5{margin-inline:calc(var(--spacing)*5)}.mx-6{margin-inline:calc(var(--spacing)*6)}.mx-30{margin-inline:calc(var(--spacing)*30)}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing)*3)}.my-4{margin-block:calc(var(--spacing)*4)}.-mt-16{margin-top:calc(var(--spacing)*-16)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-7{margin-top:calc(var(--spacing)*7)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-9{margin-top:calc(var(--spacing)*9)}.mt-10{margin-top:calc(var(--spacing)*10)}.-mr-1{margin-right:calc(var(--spacing)*-1)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-8{margin-left:calc(var(--spacing)*8)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[16\/8\]{aspect-ratio:16/8}.aspect-square{aspect-ratio:1}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-15{height:calc(var(--spacing)*15)}.h-16{height:calc(var(--spacing)*16)}.h-18{height:calc(var(--spacing)*18)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-28{height:calc(var(--spacing)*28)}.h-32{height:calc(var(--spacing)*32)}.h-36{height:calc(var(--spacing)*36)}.h-40{height:calc(var(--spacing)*40)}.h-64{height:calc(var(--spacing)*64)}.h-\[61px\]{height:61px}.h-\[100dvh\]{height:100dvh}.h-\[460px\]{height:460px}.h-auto{height:auto}.h-dvh{height:100dvh}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-12{max-height:calc(var(--spacing)*12)}.max-h-36{max-height:calc(var(--spacing)*36)}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-72{max-height:calc(var(--spacing)*72)}.max-h-150{max-height:calc(var(--spacing)*150)}.max-h-\[45\%\]{max-height:45%}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.max-h-\[450px\]{max-height:450px}.max-h-\[calc\(90dvh-70px\)\]{max-height:calc(90dvh - 70px)}.max-h-\[calc\(100vh-2rem\)\]{max-height:calc(100vh - 2rem)}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-5{min-height:calc(var(--spacing)*5)}.min-h-6{min-height:calc(var(--spacing)*6)}.min-h-7{min-height:calc(var(--spacing)*7)}.min-h-9{min-height:calc(var(--spacing)*9)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-12{min-height:calc(var(--spacing)*12)}.min-h-14{min-height:calc(var(--spacing)*14)}.min-h-20{min-height:calc(var(--spacing)*20)}.min-h-24{min-height:calc(var(--spacing)*24)}.min-h-30{min-height:calc(var(--spacing)*30)}.min-h-32{min-height:calc(var(--spacing)*32)}.min-h-36{min-height:calc(var(--spacing)*36)}.min-h-52{min-height:calc(var(--spacing)*52)}.min-h-62\.5{min-height:calc(var(--spacing)*62.5)}.min-h-80{min-height:calc(var(--spacing)*80)}.min-h-\[20rem\]{min-height:20rem}.min-h-\[40vh\]{min-height:40vh}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[52px\]{min-height:52px}.min-h-\[56px\]{min-height:56px}.min-h-\[58vh\]{min-height:58vh}.min-h-\[60dvh\]{min-height:60dvh}.min-h-\[60vh\]{min-height:60vh}.min-h-\[65vh\]{min-height:65vh}.min-h-\[70vh\]{min-height:70vh}.min-h-\[72px\]{min-height:72px}.min-h-\[88px\]{min-height:88px}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[112px\]{min-height:112px}.min-h-\[132px\]{min-height:132px}.min-h-\[156px\]{min-height:156px}.min-h-\[260px\]{min-height:260px}.min-h-\[280px\]{min-height:280px}.min-h-\[320px\]{min-height:320px}.min-h-\[340px\]{min-height:340px}.min-h-\[360px\]{min-height:360px}.min-h-\[420px\]{min-height:420px}.min-h-\[460px\]{min-height:460px}.min-h-\[800px\]{min-height:800px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-2\/3{width:66.6667%}.w-2\/5{width:40%}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-4{width:calc(var(--spacing)*4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing)*5)}.w-5\/6{width:83.3333%}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-36{width:calc(var(--spacing)*36)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-48{width:calc(var(--spacing)*48)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-71\.25{width:calc(var(--spacing)*71.25)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-\[30\%\]{width:30%}.w-\[85\%\]{width:85%}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-28{max-width:calc(var(--spacing)*28)}.max-w-40{max-width:calc(var(--spacing)*40)}.max-w-50{max-width:calc(var(--spacing)*50)}.max-w-62\.5{max-width:calc(var(--spacing)*62.5)}.max-w-64{max-width:calc(var(--spacing)*64)}.max-w-70{max-width:calc(var(--spacing)*70)}.max-w-85{max-width:calc(var(--spacing)*85)}.max-w-160{max-width:calc(var(--spacing)*160)}.max-w-300{max-width:calc(var(--spacing)*300)}.max-w-450{max-width:calc(var(--spacing)*450)}.max-w-\[18rem\]{max-width:18rem}.max-w-\[22rem\]{max-width:22rem}.max-w-\[112px\]{max-width:112px}.max-w-\[520px\]{max-width:520px}.max-w-\[720px\]{max-width:720px}.max-w-\[1180px\]{max-width:1180px}.max-w-\[1240px\]{max-width:1240px}.max-w-\[1280px\]{max-width:1280px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-6{min-width:calc(var(--spacing)*6)}.min-w-11{min-width:calc(var(--spacing)*11)}.min-w-35{min-width:calc(var(--spacing)*35)}.min-w-56{min-width:calc(var(--spacing)*56)}.min-w-\[36rem\]{min-width:36rem}.min-w-\[44px\]{min-width:44px}.min-w-\[200px\]{min-width:200px}.min-w-\[240px\]{min-width:240px}.min-w-\[680px\]{min-width:680px}.min-w-\[760px\]{min-width:760px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-full{flex-basis:100%}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-0{rotate:none}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.-skew-x-\[14deg\]{--tw-skew-x:skewX(calc(14deg*-1));transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,)var(--tw-pan-y,)var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scroll-mt-5{scroll-margin-top:calc(var(--spacing)*5)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing)*24)}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,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-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[7rem_1fr\]{grid-template-columns:7rem 1fr}.grid-cols-\[96px_minmax\(0\,1fr\)\]{grid-template-columns:96px minmax(0,1fr)}.grid-cols-\[112px_minmax\(0\,1fr\)\]{grid-template-columns:112px minmax(0,1fr)}.grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:minmax(0,1fr) auto auto}.grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,5rem\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(100%,5rem),1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}.gap-px{gap:1px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*7)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*7)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-14>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*14)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*14)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-x-12{column-gap:calc(var(--spacing)*12)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-4{row-gap:calc(var(--spacing)*4)}.gap-y-8{row-gap:calc(var(--spacing)*8)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}:where(.divide-slate-200>:not(:last-child)){border-color:var(--color-slate-200)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[10px\]{border-radius:10px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[30px\]{border-radius:30px}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[\#4e2b72\]{border-color:#4e2b72}.border-\[\#6C3BFF\]{border-color:#6c3bff}.border-\[\#6C3BFF\]\/10{border-color:oklab(54.3606% .0678494 -.256417/.1)}.border-\[\#6C3BFF\]\/25{border-color:oklab(54.3606% .0678494 -.256417/.25)}.border-\[\#6a438c\]{border-color:#6a438c}.border-\[\#9d4dff\]\/75{border-color:oklab(61.1198% .122083 -.216321/.75)}.border-\[\#6537e6\]{border-color:#6537e6}.border-\[\#6638d1\]{border-color:#6638d1}.border-\[\#20123f\]{border-color:#20123f}.border-\[\#087443\]{border-color:#087443}.border-\[\#B42318\]{border-color:#b42318}.border-\[\#C6B3FF\]{border-color:#c6b3ff}.border-\[\#C0223B\]{border-color:#c0223b}.border-\[\#E2E2E2\]{border-color:#e2e2e2}.border-\[\#E5E7EB\]{border-color:#e5e7eb}.border-\[\#b9aec9\]{border-color:#b9aec9}.border-\[\#bcaee0\]{border-color:#bcaee0}.border-\[\#cfc0f5\]{border-color:#cfc0f5}.border-\[\#cfc5e5\]{border-color:#cfc5e5}.border-\[\#cfc7d9\]{border-color:#cfc7d9}.border-\[\#cfc7df\]{border-color:#cfc7df}.border-\[\#d6cfdf\]{border-color:#d6cfdf}.border-\[\#d8ccf4\]{border-color:#d8ccf4}.border-\[\#d8cdf5\]{border-color:#d8cdf5}.border-\[\#d8d9d6\]{border-color:#d8d9d6}.border-\[\#d9ccff\]{border-color:#d9ccff}.border-\[\#d9cdf6\]{border-color:#d9cdf6}.border-\[\#d9d0f5\]{border-color:#d9d0f5}.border-\[\#d95f0b\]{border-color:#d95f0b}.border-\[\#d891ff\]\/45{border-color:oklab(76.7963% .11358 -.123051/.45)}.border-\[\#ddd2fb\]{border-color:#ddd2fb}.border-\[\#ddd3f5\]{border-color:#ddd3f5}.border-\[\#ddd5f2\]{border-color:#ddd5f2}.border-\[\#ded7ef\]{border-color:#ded7ef}.border-\[\#ded8e8\]{border-color:#ded8e8}.border-\[\#e2d8fb\]{border-color:#e2d8fb}.border-\[\#e3ddf4\]{border-color:#e3ddf4}.border-\[\#e4e7e9\]{border-color:#e4e7e9}.border-\[\#e5dafe\]{border-color:#e5dafe}.border-\[\#e5e0f5\]{border-color:#e5e0f5}.border-\[\#e6def8\]{border-color:#e6def8}.border-\[\#e7ddfb\]{border-color:#e7ddfb}.border-\[\#e7def8\]{border-color:#e7def8}.border-\[\#e8defa\]{border-color:#e8defa}.border-\[\#e8defd\]{border-color:#e8defd}.border-\[\#ece5ff\]{border-color:#ece5ff}.border-\[\#ece6fb\]{border-color:#ece6fb}.border-\[\#ede5ff\]{border-color:#ede5ff}.border-\[\#eee7ff\]{border-color:#eee7ff}.border-\[\#efe7ff\]{border-color:#efe7ff}.border-\[\#efe9fb\]{border-color:#efe9fb}.border-\[\#f07a7a41\]{border-color:#f07a7a41}.border-\[var\(--c4r-danger\)\]{border-color:var(--c4r-danger)}.border-\[var\(--community-brand-private\)\]{border-color:var(--community-brand-private)}.border-\[var\(--community-focus-border\)\]{border-color:var(--community-focus-border)}.border-amber-100{border-color:var(--color-amber-100)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-400{border-color:var(--color-amber-400)}.border-amber-500{border-color:var(--color-amber-500)}.border-amber-800{border-color:var(--color-amber-800)}.border-black\/60{border-color:#0009}@supports (color:color-mix(in lab, red, red)){.border-black\/60{border-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.border-blue-500{border-color:var(--color-blue-500)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-300{border-color:var(--color-emerald-300)}.border-emerald-600{border-color:var(--color-emerald-600)}.border-emerald-700{border-color:var(--color-emerald-700)}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-green-200{border-color:var(--color-green-200)}.border-green-300{border-color:var(--color-green-300)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.border-orange-200{border-color:var(--color-orange-200)}.border-orange-300{border-color:var(--color-orange-300)}.border-orange-500{border-color:var(--color-orange-500)}.border-primary{border-color:var(--color-primary)}.border-primary\/10{border-color:#6c3bff1a}@supports (color:color-mix(in lab, red, red)){.border-primary\/10{border-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.border-primary\/20{border-color:#6c3bff33}@supports (color:color-mix(in lab, red, red)){.border-primary\/20{border-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.border-primary\/25{border-color:#6c3bff40}@supports (color:color-mix(in lab, red, red)){.border-primary\/25{border-color:color-mix(in oklab,var(--color-primary)25%,transparent)}}.border-primary\/70{border-color:#6c3bffb3}@supports (color:color-mix(in lab, red, red)){.border-primary\/70{border-color:color-mix(in oklab,var(--color-primary)70%,transparent)}}.border-purple-100{border-color:var(--color-purple-100)}.border-purple-200{border-color:var(--color-purple-200)}.border-purple-300{border-color:var(--color-purple-300)}.border-purple-400{border-color:var(--color-purple-400)}.border-purple-500{border-color:var(--color-purple-500)}.border-purple-700{border-color:var(--color-purple-700)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-red-400{border-color:var(--color-red-400)}.border-red-500{border-color:var(--color-red-500)}.border-red-600{border-color:var(--color-red-600)}.border-red-700{border-color:var(--color-red-700)}.border-rose-200{border-color:var(--color-rose-200)}.border-rose-300{border-color:var(--color-rose-300)}.border-secondary{border-color:var(--color-secondary)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-800{border-color:var(--color-slate-800)}.border-transparent{border-color:#0000}.border-violet-100{border-color:var(--color-violet-100)}.border-violet-200{border-color:var(--color-violet-200)}.border-violet-300{border-color:var(--color-violet-300)}.border-violet-400{border-color:var(--color-violet-400)}.border-violet-700{border-color:var(--color-violet-700)}.border-violet-800{border-color:var(--color-violet-800)}.border-white{border-color:var(--color-white)}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/12{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.border-white\/12{border-color:color-mix(in oklab,var(--color-white)12%,transparent)}}.border-white\/14{border-color:#ffffff24}@supports (color:color-mix(in lab, red, red)){.border-white\/14{border-color:color-mix(in oklab,var(--color-white)14%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-white\/25{border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.border-white\/25{border-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.border-t-\[\#6C3BFF\]{border-top-color:#6c3bff}.border-t-transparent{border-top-color:#0000}.border-t-white{border-top-color:var(--color-white)}.border-b-\[\#140C2A\]{border-bottom-color:#140c2a}.border-b-\[\#20123f\]{border-bottom-color:#20123f}.border-b-\[var\(--c4r-ink\)\]{border-bottom-color:var(--c4r-ink)}.bg-\[\#2a2a2a\]{background-color:#2a2a2a}.bg-\[\#4b246f\]{background-color:#4b246f}.bg-\[\#4e2b72\]{background-color:#4e2b72}.bg-\[\#5b36b4\]{background-color:#5b36b4}.bg-\[\#6C3BFF\]{background-color:#6c3bff}.bg-\[\#120b26\]{background-color:#120b26}.bg-\[\#140C2A\]{background-color:#140c2a}.bg-\[\#140d2a\]{background-color:#140d2a}.bg-\[\#160b22\]{background-color:#160b22}.bg-\[\#160d2f\]{background-color:#160d2f}.bg-\[\#171b22\]{background-color:#171b22}.bg-\[\#6537e6\]{background-color:#6537e6}.bg-\[\#6638d1\]{background-color:#6638d1}.bg-\[\#17131f\]{background-color:#17131f}.bg-\[\#17633a\]{background-color:#17633a}.bg-\[\#20123f\]{background-color:#20123f}.bg-\[\#28175f\]{background-color:#28175f}.bg-\[\#030106\]{background-color:#030106}.bg-\[\#57257c\]{background-color:#57257c}.bg-\[\#087443\]{background-color:#087443}.bg-\[\#171028\]{background-color:#171028}.bg-\[\#222833\]{background-color:#222833}.bg-\[\#C0223B\]{background-color:#c0223b}.bg-\[\#EDE9FF\]{background-color:#ede9ff}.bg-\[\#EEEEEE\]{background-color:#eee}.bg-\[\#F0EDFF\]{background-color:#f0edff}.bg-\[\#F1ECFF\]{background-color:#f1ecff}.bg-\[\#F2F1FD\]{background-color:#f2f1fd}.bg-\[\#F3EFFF\]{background-color:#f3efff}.bg-\[\#F4F0FF\]{background-color:#f4f0ff}.bg-\[\#F6F3FC\]{background-color:#f6f3fc}.bg-\[\#F8F8F8\]{background-color:#f8f8f8}.bg-\[\#F9FAFB\]{background-color:#f9fafb}.bg-\[\#FEF3F2\]{background-color:#fef3f2}.bg-\[\#FFD500\]{background-color:#ffd500}.bg-\[\#d9d9d9\]{background-color:#d9d9d9}.bg-\[\#eee8f4\]{background-color:#eee8f4}.bg-\[\#eee9ff\]{background-color:#eee9ff}.bg-\[\#efe7ff\]{background-color:#efe7ff}.bg-\[\#efefef\]{background-color:#efefef}.bg-\[\#f0ebff\]{background-color:#f0ebff}.bg-\[\#f0f2f5\]{background-color:#f0f2f5}.bg-\[\#f1ecff\]{background-color:#f1ecff}.bg-\[\#f1edff\]{background-color:#f1edff}.bg-\[\#f2ecff\]{background-color:#f2ecff}.bg-\[\#f3ecff\]{background-color:#f3ecff}.bg-\[\#f3eeff\]{background-color:#f3eeff}.bg-\[\#f4efff\]{background-color:#f4efff}.bg-\[\#f4f1fa\]{background-color:#f4f1fa}.bg-\[\#f4f3ef\]{background-color:#f4f3ef}.bg-\[\#f4f3f0\]{background-color:#f4f3f0}.bg-\[\#f5f1ff\]{background-color:#f5f1ff}.bg-\[\#f5f5f7\]{background-color:#f5f5f7}.bg-\[\#f6f2ff\]{background-color:#f6f2ff}.bg-\[\#f6f5f2\]{background-color:#f6f5f2}.bg-\[\#f7f2ff\]{background-color:#f7f2ff}.bg-\[\#f7f4ff\]{background-color:#f7f4ff}.bg-\[\#f7f5fb\]{background-color:#f7f5fb}.bg-\[\#f7f8fa\]{background-color:#f7f8fa}.bg-\[\#f8f8f8\]{background-color:#f8f8f8}.bg-\[\#f8f8fc\]{background-color:#f8f8fc}.bg-\[\#f9fafb\]{background-color:#f9fafb}.bg-\[\#faf7ff\]{background-color:#faf7ff}.bg-\[\#faf8fc\]{background-color:#faf8fc}.bg-\[\#faf8ff\]{background-color:#faf8ff}.bg-\[\#faf9f6\]{background-color:#faf9f6}.bg-\[\#faf9f7\]{background-color:#faf9f7}.bg-\[\#faf9ff\]{background-color:#faf9ff}.bg-\[\#fcfbff\]{background-color:#fcfbff}.bg-\[\#fff8f2\]{background-color:#fff8f2}.bg-\[rgba\(15\,12\,28\,0\.42\)\]{background-color:#0f0c1c6b}.bg-\[rgba\(108\,59\,255\,0\.1\)\]{background-color:#6c3bff1a}.bg-\[rgba\(230\,240\,248\,0\.02\)\]{background-color:#e6f0f805}.bg-\[rgba\(237\,233\,255\,0\.5\)\]{background-color:#ede9ff80}.bg-\[rgba\(255\,255\,255\,0\.12\)\]{background-color:#ffffff1f}.bg-\[var\(--c4r-danger\)\]{background-color:var(--c4r-danger)}.bg-\[var\(--c4r-ink\)\]{background-color:var(--c4r-ink)}.bg-\[var\(--c4r-mist\)\]{background-color:var(--c4r-mist)}.bg-\[var\(--c4r-photo-placeholder-black\)\]{background-color:var(--c4r-photo-placeholder-black)}.bg-\[var\(--c4r-photo-placeholder-blue\)\]{background-color:var(--c4r-photo-placeholder-blue)}.bg-\[var\(--c4r-photo-placeholder-gold\)\]{background-color:var(--c4r-photo-placeholder-gold)}.bg-\[var\(--c4r-photo-placeholder-green\)\]{background-color:var(--c4r-photo-placeholder-green)}.bg-\[var\(--c4r-photo-placeholder-grey\)\]{background-color:var(--c4r-photo-placeholder-grey)}.bg-\[var\(--c4r-photo-placeholder-neutral\)\]{background-color:var(--c4r-photo-placeholder-neutral)}.bg-\[var\(--c4r-photo-placeholder-red\)\]{background-color:var(--c4r-photo-placeholder-red)}.bg-\[var\(--c4r-photo-placeholder-white\)\]{background-color:var(--c4r-photo-placeholder-white)}.bg-\[var\(--c4r-violet-100\)\]{background-color:var(--c4r-violet-100)}.bg-\[var\(--community-accent\)\]{background-color:var(--community-accent)}.bg-\[var\(--community-accent-surface\)\]{background-color:var(--community-accent-surface)}.bg-\[var\(--community-brand-private\)\]{background-color:var(--community-brand-private)}.bg-\[var\(--community-brand-selected-surface\)\]{background-color:var(--community-brand-selected-surface)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-300{background-color:var(--color-amber-300)}.bg-amber-700{background-color:var(--color-amber-700)}.bg-amber-900{background-color:var(--color-amber-900)}.bg-black{background-color:var(--color-black)}.bg-black\/15{background-color:#00000026}@supports (color:color-mix(in lab, red, red)){.bg-black\/15{background-color:color-mix(in oklab,var(--color-black)15%,transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black)55%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-current{background-color:currentColor}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-700{background-color:var(--color-emerald-700)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-950\/60{background-color:#03071299}@supports (color:color-mix(in lab, red, red)){.bg-gray-950\/60{background-color:color-mix(in oklab,var(--color-gray-950)60%,transparent)}}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-700{background-color:var(--color-green-700)}.bg-ink\/40{background-color:#0c0c0c66}@supports (color:color-mix(in lab, red, red)){.bg-ink\/40{background-color:color-mix(in oklab,var(--color-ink)40%,transparent)}}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-primary\/10{background-color:#6c3bff1a}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.bg-primary\/20{background-color:#6c3bff33}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-50\/60{background-color:#faf5ff99}@supports (color:color-mix(in lab, red, red)){.bg-purple-50\/60{background-color:color-mix(in oklab,var(--color-purple-50)60%,transparent)}}.bg-purple-50\/70{background-color:#faf5ffb3}@supports (color:color-mix(in lab, red, red)){.bg-purple-50\/70{background-color:color-mix(in oklab,var(--color-purple-50)70%,transparent)}}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-700{background-color:var(--color-purple-700)}.bg-purple-800{background-color:var(--color-purple-800)}.bg-purple-950\/30{background-color:#3c03664d}@supports (color:color-mix(in lab, red, red)){.bg-purple-950\/30{background-color:color-mix(in oklab,var(--color-purple-950)30%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-red-700{background-color:var(--color-red-700)}.bg-red-800{background-color:var(--color-red-800)}.bg-red-900{background-color:var(--color-red-900)}.bg-red-950\/80{background-color:#460809cc}@supports (color:color-mix(in lab, red, red)){.bg-red-950\/80{background-color:color-mix(in oklab,var(--color-red-950)80%,transparent)}}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-700{background-color:var(--color-rose-700)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-950{background-color:var(--color-slate-950)}.bg-slate-950\/55{background-color:#0206188c}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/55{background-color:color-mix(in oklab,var(--color-slate-950)55%,transparent)}}.bg-transparent{background-color:#0000}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-100{background-color:var(--color-violet-100)}.bg-violet-700{background-color:var(--color-violet-700)}.bg-violet-800{background-color:var(--color-violet-800)}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/8{background-color:color-mix(in oklab,var(--color-white)8%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/12{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.bg-white\/12{background-color:color-mix(in oklab,var(--color-white)12%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white)95%,transparent)}}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(110deg\,rgba\(18\,11\,38\,0\.98\)\,rgba\(18\,11\,38\,0\.82\)\,rgba\(55\,28\,112\,0\.66\)\)\]{background-image:linear-gradient(110deg,#120b26fa,#120b26d1,#371c70a8)}.bg-\[linear-gradient\(120deg\,rgba\(7\,4\,15\,0\.94\)_0\%\,rgba\(7\,4\,15\,0\.82\)_38\%\,rgba\(7\,4\,15\,0\.55\)_65\%\,rgba\(7\,4\,15\,0\.24\)_100\%\)\]{background-image:linear-gradient(120deg,#07040ff0 0%,#07040fd1 38%,#07040f8c 65%,#07040f3d 100%)}.bg-\[linear-gradient\(135deg\,\#2e1065_0\%\,\#5b21b6_58\%\,\#7c3aed_100\%\)\]{background-image:linear-gradient(135deg,#2e1065 0%,#5b21b6 58%,#7c3aed 100%)}.bg-\[linear-gradient\(135deg\,\#ffffff_0\%\,\#f6f2ff_48\%\,\#fffaf5_100\%\)\]{background-image:linear-gradient(135deg,#fff 0%,#f6f2ff 48%,#fffaf5 100%)}.bg-\[linear-gradient\(135deg\,\#ffffff_0\%\,\#f7f4ff_52\%\,\#fffaf4_100\%\)\]{background-image:linear-gradient(135deg,#fff 0%,#f7f4ff 52%,#fffaf4 100%)}.bg-\[linear-gradient\(180deg\,\#f8f8fc_0\%\,\#ffffff_100\%\)\]{background-image:linear-gradient(#f8f8fc 0%,#fff 100%)}.bg-\[linear-gradient\(180deg\,\#faf8ff_0\%\,\#ffffff_100\%\)\]{background-image:linear-gradient(#faf8ff 0%,#fff 100%)}.bg-\[linear-gradient\(180deg\,\#fcfbff_0\%\,\#f7f4ff_100\%\)\]{background-image:linear-gradient(#fcfbff 0%,#f7f4ff 100%)}.bg-\[linear-gradient\(180deg\,\#fcfbff_0\%\,\#ffffff_100\%\)\]{background-image:linear-gradient(#fcfbff 0%,#fff 100%)}.bg-\[radial-gradient\(circle_at_18\%_6\%\,rgba\(91\,32\,136\,0\.40\)\,transparent_28\%\)\,linear-gradient\(180deg\,\#12091f_0\%\,\#06030b_100\%\)\]{background-image:radial-gradient(circle at 18% 6%,#5b208866,#0000 28%),linear-gradient(#12091f 0%,#06030b 100%)}.bg-\[radial-gradient\(circle_at_center\,\#100619_0\%\,\#06020a_68\%\,\#030106_100\%\)\]{background-image:radial-gradient(circle,#100619 0%,#06020a 68%,#030106 100%)}.bg-\[radial-gradient\(circle_at_top_left\,rgba\(108\,59\,255\,0\.55\)\,transparent_38\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(255\,255\,255\,0\.12\)\,transparent_32\%\)\]{background-image:radial-gradient(circle at 0 0,#6c3bff8c,#0000 38%),radial-gradient(circle at 100% 100%,#ffffff1f,#0000 32%)}.bg-\[radial-gradient\(circle_at_top_left\,rgba\(157\,77\,255\,0\.18\)\,transparent_32\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(216\,145\,255\,0\.14\)\,transparent_34\%\)\]{background-image:radial-gradient(circle at 0 0,#9d4dff2e,#0000 32%),radial-gradient(circle at 100% 100%,#d891ff24,#0000 34%)}.from-\[\#2a0759\]{--tw-gradient-from:#2a0759;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#f8f5ff\]{--tw-gradient-from:#f8f5ff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black{--tw-gradient-from:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/45{--tw-gradient-from:#00000073}@supports (color:color-mix(in lab, red, red)){.from-black\/45{--tw-gradient-from:color-mix(in oklab,var(--color-black)45%,transparent)}}.from-black\/45{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/50{--tw-gradient-from:#00000080}@supports (color:color-mix(in lab, red, red)){.from-black\/50{--tw-gradient-from:color-mix(in oklab,var(--color-black)50%,transparent)}}.from-black\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-900{--tw-gradient-from:var(--color-purple-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-100{--tw-gradient-from:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[\#4b1687\]{--tw-gradient-via:#4b1687;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#d891ff\]\/80{--tw-gradient-via:oklab(76.7963% .11358 -.123051/.8);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/25{--tw-gradient-via:#00000040}@supports (color:color-mix(in lab, red, red)){.via-black\/25{--tw-gradient-via:color-mix(in oklab,var(--color-black)25%,transparent)}}.via-black\/25{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/35{--tw-gradient-via:#00000059}@supports (color:color-mix(in lab, red, red)){.via-black\/35{--tw-gradient-via:color-mix(in oklab,var(--color-black)35%,transparent)}}.via-black\/35{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/80{--tw-gradient-via:#000c}@supports (color:color-mix(in lab, red, red)){.via-black\/80{--tw-gradient-via:color-mix(in oklab,var(--color-black)80%,transparent)}}.via-black\/80{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-200{--tw-gradient-via:var(--color-slate-200);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#6f2dbd\]{--tw-gradient-to:#6f2dbd;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#f7f8fa\]{--tw-gradient-to:#f7f8fa;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-black\/30{--tw-gradient-to:#0000004d}@supports (color:color-mix(in lab, red, red)){.to-black\/30{--tw-gradient-to:color-mix(in oklab,var(--color-black)30%,transparent)}}.to-black\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-black\/55{--tw-gradient-to:#0000008c}@supports (color:color-mix(in lab, red, red)){.to-black\/55{--tw-gradient-to:color-mix(in oklab,var(--color-black)55%,transparent)}}.to-black\/55{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-black\/60{--tw-gradient-to:#0009}@supports (color:color-mix(in lab, red, red)){.to-black\/60{--tw-gradient-to:color-mix(in oklab,var(--color-black)60%,transparent)}}.to-black\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-700{--tw-gradient-to:var(--color-purple-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-100{--tw-gradient-to:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.object-right{object-position:right}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-7{padding:calc(var(--spacing)*7)}.p-8{padding:calc(var(--spacing)*8)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-3\.75{padding-inline:calc(var(--spacing)*3.75)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-\[45\]{padding-inline:45px}.px-\[clamp\(2px\,2vw\,8px\)\]{padding-inline:clamp(2px,2vw,8px)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-2\.25{padding-block:calc(var(--spacing)*2.25)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-6\.5{padding-block:calc(var(--spacing)*6.5)}.py-7{padding-block:calc(var(--spacing)*7)}.py-8{padding-block:calc(var(--spacing)*8)}.py-9{padding-block:calc(var(--spacing)*9)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-14{padding-block:calc(var(--spacing)*14)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-7{padding-top:calc(var(--spacing)*7)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-15{padding-top:calc(var(--spacing)*15)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-9{padding-right:calc(var(--spacing)*9)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-10\.5{padding-right:calc(var(--spacing)*10.5)}.pr-11{padding-right:calc(var(--spacing)*11)}.pr-12{padding-right:calc(var(--spacing)*12)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pb-24{padding-bottom:calc(var(--spacing)*24)}.pb-\[max\(\.5rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-9{padding-left:calc(var(--spacing)*9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.align-top{vertical-align:top}.font-inter{font-family:var(--font-inter)}.font-manrope{font-family:var(--font-manrope)}.font-mono{font-family:var(--font-mono)}.font-poppins{font-family:var(--font-poppins)}.font-public-sans{font-family:var(--font-public-sans)}.font-roboto{font-family:var(--font-roboto)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.text-\[28px\]{font-size:28px}.text-\[clamp\(1\.85rem\,6vw\,4rem\)\]{font-size:clamp(1.85rem,6vw,4rem)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-5\.5{--tw-leading:calc(var(--spacing)*5.5);line-height:calc(var(--spacing)*5.5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.leading-10{--tw-leading:calc(var(--spacing)*10);line-height:calc(var(--spacing)*10)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-\[1\.65\]{--tw-leading:1.65;line-height:1.65}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-0\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.5em\]{--tw-tracking:.5em;letter-spacing:.5em}.tracking-\[0\.07px\]{--tw-tracking:.07px;letter-spacing:.07px}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-\[0\.168px\]{--tw-tracking:.168px;letter-spacing:.168px}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.break-words,.wrap-break-word{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#0A0A0A\],.text-\[\#0a0a0a\]{color:#0a0a0a}.text-\[\#1b1b1b\]{color:#1b1b1b}.text-\[\#1c1c1c\]{color:#1c1c1c}.text-\[\#1c2035\]{color:#1c2035}.text-\[\#2A1273\]{color:#2a1273}.text-\[\#2d2340\]{color:#2d2340}.text-\[\#3a2057\]{color:#3a2057}.text-\[\#3f0f75\]{color:#3f0f75}.text-\[\#3f354a\]{color:#3f354a}.text-\[\#4D22C8\]{color:#4d22c8}.text-\[\#4b246f\]{color:#4b246f}.text-\[\#4b4264\]{color:#4b4264}.text-\[\#4b5563\]{color:#4b5563}.text-\[\#4c1d95\]{color:#4c1d95}.text-\[\#4c2a91\]{color:#4c2a91}.text-\[\#4e4e4e\]{color:#4e4e4e}.text-\[\#4f2ca6\]{color:#4f2ca6}.text-\[\#4f475b\]{color:#4f475b}.text-\[\#5b2ad6\]{color:#5b2ad6}.text-\[\#5b36b4\]{color:#5b36b4}.text-\[\#5b616b\]{color:#5b616b}.text-\[\#5f5a6b\]{color:#5f5a6b}.text-\[\#5f33c6\]{color:#5f33c6}.text-\[\#5f586d\]{color:#5f586d}.text-\[\#6BFFCA\]{color:#6bffca}.text-\[\#6C3BFF\]{color:#6c3bff}.text-\[\#6a3cd2\]{color:#6a3cd2}.text-\[\#6b43c6\]{color:#6b43c6}.text-\[\#6b7280\]{color:#6b7280}.text-\[\#6c3bff\]{color:#6c3bff}.text-\[\#6d35d4\]{color:#6d35d4}.text-\[\#7A271A\]{color:#7a271a}.text-\[\#7a5acb\]{color:#7a5acb}.text-\[\#7b59d1\]{color:#7b59d1}.text-\[\#7c58d6\]{color:#7c58d6}.text-\[\#8a3706\]{color:#8a3706}.text-\[\#8b2e2e\]{color:#8b2e2e}.text-\[\#9EF5C1\]{color:#9ef5c1}.text-\[\#10B981\]{color:#10b981}.text-\[\#080f1a\]{color:#080f1a}.text-\[\#140C2A\]{color:#140c2a}.text-\[\#191c1f\]{color:#191c1f}.text-\[\#241b35\]{color:#241b35}.text-\[\#302a3b\]{color:#302a3b}.text-\[\#452a8d\]{color:#452a8d}.text-\[\#655b73\]{color:#655b73}.text-\[\#766d83\]{color:#766d83}.text-\[\#5526EA\]{color:#5526ea}.text-\[\#6035c3\]{color:#6035c3}.text-\[\#6366F1\]{color:#6366f1}.text-\[\#6437cc\]{color:#6437cc}.text-\[\#6537e6\]{color:#6537e6}.text-\[\#6638d1\]{color:#6638d1}.text-\[\#17131f\]{color:#17131f}.text-\[\#17191d\]{color:#17191d}.text-\[\#17202b\]{color:#17202b}.text-\[\#17633a\]{color:#17633a}.text-\[\#18102d\]{color:#18102d}.text-\[\#18112b\]{color:#18112b}.text-\[\#18202b\]{color:#18202b}.text-\[\#20123f\]{color:#20123f}.text-\[\#20172f\]{color:#20172f}.text-\[\#25123f\]{color:#25123f}.text-\[\#40394f\]{color:#40394f}.text-\[\#45347a\]{color:#45347a}.text-\[\#51485c\]{color:#51485c}.text-\[\#57257c\]{color:#57257c}.text-\[\#77878f\]{color:#77878f}.text-\[\#087443\]{color:#087443}.text-\[\#111827\]{color:#111827}.text-\[\#171717\]{color:#171717}.text-\[\#272727\]{color:#272727}.text-\[\#313131\]{color:#313131}.text-\[\#323232\]{color:#323232}.text-\[\#424242\]{color:#424242}.text-\[\#514361\]{color:#514361}.text-\[\#686174\]{color:#686174}.text-\[\#707070\]{color:#707070}.text-\[\#717182\]{color:#717182}.text-\[\#C6B3FF\]{color:#c6b3ff}.text-\[\#C0223B\]{color:#c0223b}.text-\[\#DE0000\]{color:#de0000}.text-\[\#b9a6ff\]{color:#b9a6ff}.text-\[\#c4b5fd\]{color:#c4b5fd}.text-\[\#d6c8ff\]{color:#d6c8ff}.text-\[\#d8cbff\]{color:#d8cbff}.text-\[\#dcd4f5\]{color:#dcd4f5}.text-\[\#feffff\]{color:#feffff}.text-\[var\(--c4r-danger\)\]{color:var(--c4r-danger)}.text-\[var\(--c4r-ink\)\]{color:var(--c4r-ink)}.text-\[var\(--c4r-mist\)\]{color:var(--c4r-mist)}.text-\[var\(--c4r-violet\)\]{color:var(--c4r-violet)}.text-\[var\(--community-accent\)\]{color:var(--community-accent)}.text-\[var\(--community-accent-strong\)\]{color:var(--community-accent-strong)}.text-\[var\(--community-brand-private\)\]{color:var(--community-brand-private)}.text-\[var\(--community-brand-selected\)\]{color:var(--community-brand-selected)}.text-amber-200{color:var(--color-amber-200)}.text-amber-300{color:var(--color-amber-300)}.text-amber-600{color:var(--color-amber-600)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-amber-950{color:var(--color-amber-950)}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-dim{color:var(--color-dim)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-900{color:var(--color-emerald-900)}.text-emerald-950{color:var(--color-emerald-950)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-gray-950{color:var(--color-gray-950)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-green-950{color:var(--color-green-950)}.text-ink{color:var(--color-ink)}.text-ink\/70{color:#0c0c0cb3}@supports (color:color-mix(in lab, red, red)){.text-ink\/70{color:color-mix(in oklab,var(--color-ink)70%,transparent)}}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-950{color:var(--color-neutral-950)}.text-orange-200{color:var(--color-orange-200)}.text-orange-600{color:var(--color-orange-600)}.text-orange-900{color:var(--color-orange-900)}.text-orange-950{color:var(--color-orange-950)}.text-primary{color:var(--color-primary)}.text-primary-dark{color:var(--color-primary-dark)}.text-purple-50{color:var(--color-purple-50)}.text-purple-100{color:var(--color-purple-100)}.text-purple-200{color:var(--color-purple-200)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-800{color:var(--color-purple-800)}.text-purple-900{color:var(--color-purple-900)}.text-purple-950{color:var(--color-purple-950)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-red-950{color:var(--color-red-950)}.text-rose-200{color:var(--color-rose-200)}.text-rose-700{color:var(--color-rose-700)}.text-rose-800{color:var(--color-rose-800)}.text-rose-900{color:var(--color-rose-900)}.text-secondary{color:var(--color-secondary)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-slate-950{color:var(--color-slate-950)}.text-subtle{color:var(--color-subtle)}.text-violet-50{color:var(--color-violet-50)}.text-violet-100{color:var(--color-violet-100)}.text-violet-200{color:var(--color-violet-200)}.text-violet-300{color:var(--color-violet-300)}.text-violet-700{color:var(--color-violet-700)}.text-violet-800{color:var(--color-violet-800)}.text-violet-900{color:var(--color-violet-900)}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab,var(--color-white)60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-white\/72{color:#ffffffb8}@supports (color:color-mix(in lab, red, red)){.text-white\/72{color:color-mix(in oklab,var(--color-white)72%,transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab,var(--color-white)75%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab,var(--color-white)85%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-700{color:var(--color-yellow-700)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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,)}.underline{text-decoration-line:underline}.decoration-solid{text-decoration-style:solid}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.placeholder-\[\#77878f\]::placeholder{color:#77878f}.accent-\[\#6C3BFF\]{accent-color:#6c3bff}.accent-primary{accent-color:var(--color-primary)}.accent-purple-700{accent-color:var(--color-purple-700)}.accent-violet-800{accent-color:var(--color-violet-800)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_-8px_24px_rgba\(23\,25\,29\,\.10\)\]{--tw-shadow:0 -8px 24px var(--tw-shadow-color,#17191d1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_-14px_36px_rgba\(32\,18\,63\,0\.14\)\]{--tw-shadow:0 -14px 36px var(--tw-shadow-color,#20123f24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(216\,145\,255\,0\.10\)\,0_12px_28px_rgba\(0\,0\,0\,0\.44\)\,inset_0_0_20px_rgba\(120\,46\,180\,0\.16\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#d891ff1a),0 12px 28px var(--tw-shadow-color,#00000070),inset 0 0 20px var(--tw-shadow-color,#782eb429);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_14px_rgba\(184\,80\,255\,0\.48\)\,inset_0_0_16px_rgba\(155\,64\,235\,0\.20\)\]{--tw-shadow:0 0 14px var(--tw-shadow-color,#b850ff7a),inset 0 0 16px var(--tw-shadow-color,#9b40eb33);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_12px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0 2px 12px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.10\)\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_28px_rgba\(31\,18\,69\,0\.28\)\]{--tw-shadow:0 8px 28px var(--tw-shadow-color,#1f124547);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_12px_40px_rgba\(76\,29\,149\,0\.05\)\]{--tw-shadow:0 12px 40px var(--tw-shadow-color,#4c1d950d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_16px_50px_rgba\(28\,18\,54\,0\.05\)\]{--tw-shadow:0 16px 50px var(--tw-shadow-color,#1c12360d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_50px_-24px_rgba\(32\,18\,63\,0\.55\)\]{--tw-shadow:0 18px 50px -24px var(--tw-shadow-color,#20123f8c);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(15\,23\,42\,0\.08\)\]{--tw-shadow:0 18px 50px var(--tw-shadow-color,#0f172a14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(30\,20\,60\,0\.04\)\]{--tw-shadow:0 18px 50px var(--tw-shadow-color,#1e143c0a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(30\,20\,60\,0\.05\)\]{--tw-shadow:0 18px 50px var(--tw-shadow-color,#1e143c0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(76\,29\,149\,0\.08\)\]{--tw-shadow:0 18px 50px var(--tw-shadow-color,#4c1d9514);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_55px_rgba\(30\,20\,60\,0\.05\)\]{--tw-shadow:0 18px 55px var(--tw-shadow-color,#1e143c0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_55px_rgba\(30\,20\,60\,0\.06\)\]{--tw-shadow:0 18px 55px var(--tw-shadow-color,#1e143c0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_55px_rgba\(45\,23\,111\,0\.06\)\]{--tw-shadow:0 18px 55px var(--tw-shadow-color,#2d176f0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_60px_rgba\(6\,3\,18\,0\.32\)\]{--tw-shadow:0 18px 60px var(--tw-shadow-color,#06031252);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_40px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0 20px 40px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_55px_rgba\(76\,29\,149\,0\.22\)\]{--tw-shadow:0 20px 55px var(--tw-shadow-color,#4c1d9538);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(35\,20\,70\,0\.06\)\]{--tw-shadow:0 20px 60px var(--tw-shadow-color,#2314460f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(40\,20\,90\,0\.06\)\]{--tw-shadow:0 20px 60px var(--tw-shadow-color,#28145a0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_70px_rgba\(7\,4\,15\,0\.28\)\]{--tw-shadow:0 20px 70px var(--tw-shadow-color,#07040f47);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_28px_90px_rgba\(20\,13\,42\,0\.18\)\]{--tw-shadow:0 28px 90px var(--tw-shadow-color,#140d2a2e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_3px_4px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0px 3px 4px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[var\(--community-accent-ring\)\]{--tw-ring-color:var(--community-accent-ring)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.ring-primary{--tw-ring-color:var(--color-primary)}.ring-red-200{--tw-ring-color:var(--color-red-200)}.ring-red-400{--tw-ring-color:var(--color-red-400)}.ring-white{--tw-ring-color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-\[0_0_8px_rgba\(210\,120\,255\,0\.9\)\]{--tw-drop-shadow-size:drop-shadow(0 0 8px var(--tw-drop-shadow-color,#d278ffe6));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-\[0_2px_8px_rgba\(255\,255\,255\,0\.28\)\]{--tw-drop-shadow-size:drop-shadow(0 2px 8px var(--tw-drop-shadow-color,#ffffff47));--tw-drop-shadow:var(--tw-drop-shadow-size);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(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,transform\]{transition-property:background-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[top\]{transition-property:top;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.group-open\:rotate-45:is(:where(.group):is([open],:popover-open,:open) *){rotate:45deg}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-\[1\.02\]:is(:where(.group):hover *){scale:1.02}.group-hover\:scale-\[1\.03\]:is(:where(.group):hover *){scale:1.03}.group-hover\:text-\[\#f3e5ff\]:is(:where(.group):hover *){color:#f3e5ff}.group-hover\:text-black:is(:where(.group):hover *){color:var(--color-black)}.group-hover\:text-gray-900:is(:where(.group):hover *){color:var(--color-gray-900)}.group-hover\:text-primary:is(:where(.group):hover *){color:var(--color-primary)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}.placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}.placeholder\:text-subtle::placeholder{color:var(--color-subtle)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-bottom-0\.5:after{content:var(--tw-content);bottom:calc(var(--spacing)*-.5)}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.after\:h-0\.5:after{content:var(--tw-content);height:calc(var(--spacing)*.5)}.after\:w-0:after{content:var(--tw-content);width:calc(var(--spacing)*0)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-primary:after{content:var(--tw-content);background-color:var(--color-primary)}.after\:transition-\[width\]:after{content:var(--tw-content);transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}.first\:mt-0:first-child{margin-top:calc(var(--spacing)*0)}.first\:text-left:first-child{text-align:left}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing)*0)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.open\:bg-white:is([open],:popover-open,:open){background-color:var(--color-white)}.open\:shadow-sm:is([open],:popover-open,:open){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:border-primary:focus-within{border-color:var(--color-primary)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-4:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-\[\#6C3BFF\]:focus-within{--tw-ring-color:#6c3bff}.focus-within\:ring-primary:focus-within{--tw-ring-color:var(--color-primary)}.focus-within\:ring-primary\/40:focus-within{--tw-ring-color:#6c3bff66}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-primary\/40:focus-within{--tw-ring-color:color-mix(in oklab,var(--color-primary)40%,transparent)}}.focus-within\:ring-purple-200:focus-within{--tw-ring-color:var(--color-purple-200)}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}@media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-\[\#140C2A\]:hover{border-color:#140c2a}.hover\:border-\[\#c6b5f4\]:hover{border-color:#c6b5f4}.hover\:border-\[\#ccb7ff\]:hover{border-color:#ccb7ff}.hover\:border-\[\#d891ff\]:hover{border-color:#d891ff}.hover\:border-\[var\(--c4r-ink\)\]:hover{border-color:var(--c4r-ink)}.hover\:border-\[var\(--community-brand-hover-border\)\]:hover{border-color:var(--community-brand-hover-border)}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:border-primary\/30:hover{border-color:#6c3bff4d}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/30:hover{border-color:color-mix(in oklab,var(--color-primary)30%,transparent)}}.hover\:border-primary\/60:hover{border-color:#6c3bff99}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/60:hover{border-color:color-mix(in oklab,var(--color-primary)60%,transparent)}}.hover\:border-red-600:hover{border-color:var(--color-red-600)}.hover\:border-white\/25:hover{border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/25:hover{border-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.hover\:bg-\[\#2f1b5a\]:hover{background-color:#2f1b5a}.hover\:bg-\[\#4b1687\]:hover{background-color:#4b1687}.hover\:bg-\[\#5a2ac2\]:hover{background-color:#5a2ac2}.hover\:bg-\[\#5a2dd1\]:hover{background-color:#5a2dd1}.hover\:bg-\[\#5a2fc7\]:hover{background-color:#5a2fc7}.hover\:bg-\[\#5b2ad6\]:hover{background-color:#5b2ad6}.hover\:bg-\[\#6C3BFF\]:hover{background-color:#6c3bff}.hover\:bg-\[\#552bc9\]:hover{background-color:#552bc9}.hover\:bg-\[\#5125c7\]:hover{background-color:#5125c7}.hover\:bg-\[\#5526EA\]:hover{background-color:#5526ea}.hover\:bg-\[\#5830d6\]:hover{background-color:#5830d6}.hover\:bg-\[\#35205f\]:hover{background-color:#35205f}.hover\:bg-\[\#46176f\]:hover{background-color:#46176f}.hover\:bg-\[\#C6B3FF\]:hover{background-color:#c6b3ff}.hover\:bg-\[\#F1ECFF\]:hover{background-color:#f1ecff}.hover\:bg-\[\#FDEEF0\]:hover{background-color:#fdeef0}.hover\:bg-\[\#e0d4ff\]:hover{background-color:#e0d4ff}.hover\:bg-\[\#e2d9ff\]:hover{background-color:#e2d9ff}.hover\:bg-\[\#f0ebff\]:hover{background-color:#f0ebff}.hover\:bg-\[\#f4efff\]:hover{background-color:#f4efff}.hover\:bg-\[\#f4f1fa\]:hover{background-color:#f4f1fa}.hover\:bg-\[\#f5f0ff\]:hover{background-color:#f5f0ff}.hover\:bg-\[\#f7f2ff\]:hover{background-color:#f7f2ff}.hover\:bg-\[\#f8f7f4\]:hover{background-color:#f8f7f4}.hover\:bg-\[\#faf7ff\]:hover{background-color:#faf7ff}.hover\:bg-\[var\(--c4r-violet-hover\)\]:hover{background-color:var(--c4r-violet-hover)}.hover\:bg-\[var\(--community-accent-hover\)\]:hover{background-color:var(--community-accent-hover)}.hover\:bg-amber-200:hover{background-color:var(--color-amber-200)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-emerald-200:hover{background-color:var(--color-emerald-200)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-gray-50\/50:hover{background-color:color-mix(in oklab,var(--color-gray-50)50%,transparent)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-green-800:hover{background-color:var(--color-green-800)}.hover\:bg-orange-50\/40:hover{background-color:#fff7ed66}@supports (color:color-mix(in lab, red, red)){.hover\:bg-orange-50\/40:hover{background-color:color-mix(in oklab,var(--color-orange-50)40%,transparent)}}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:bg-primary-light:hover{background-color:var(--color-primary-light)}.hover\:bg-primary\/90:hover{background-color:#6c3bffe6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-purple-100:hover{background-color:var(--color-purple-100)}.hover\:bg-purple-200:hover{background-color:var(--color-purple-200)}.hover\:bg-purple-800:hover{background-color:var(--color-purple-800)}.hover\:bg-purple-900\/50:hover{background-color:#59168b80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-purple-900\/50:hover{background-color:color-mix(in oklab,var(--color-purple-900)50%,transparent)}}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-50\/30:hover{background-color:#fef2f24d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-50\/30:hover{background-color:color-mix(in oklab,var(--color-red-50)30%,transparent)}}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-800:hover{background-color:var(--color-red-800)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-violet-50:hover{background-color:var(--color-violet-50)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:bg-white\/16:hover{background-color:#ffffff29}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/16:hover{background-color:color-mix(in oklab,var(--color-white)16%,transparent)}}.hover\:bg-white\/18:hover{background-color:#ffffff2e}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/18:hover{background-color:color-mix(in oklab,var(--color-white)18%,transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:text-\[\#2d176f\]:hover{color:#2d176f}.hover\:text-\[\#6638d1\]:hover{color:#6638d1}.hover\:text-\[\#20123f\]:hover{color:#20123f}.hover\:text-\[\#DE0000\]:hover{color:#de0000}.hover\:text-dim:hover{color:var(--color-dim)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-primary-dark:hover{color:var(--color-primary-dark)}.hover\:text-purple-700:hover{color:var(--color-purple-700)}.hover\:text-secondary:hover{color:var(--color-secondary)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_24px_rgba\(177\,77\,255\,0\.38\)\,0_18px_42px_rgba\(0\,0\,0\,0\.48\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#b14dff61),0 18px 42px var(--tw-shadow-color,#0000007a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-primary\/30:hover{--tw-ring-color:#6c3bff4d}@supports (color:color-mix(in lab, red, red)){.hover\:ring-primary\/30:hover{--tw-ring-color:color-mix(in oklab,var(--color-primary)30%,transparent)}}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}.hover\:after\:w-full:hover:after{content:var(--tw-content);width:100%}}.focus\:border-\[\#6C3BFF\]:focus{border-color:#6c3bff}.focus\:border-\[\#6638d1\]:focus{border-color:#6638d1}.focus\:border-\[var\(--c4r-violet\)\]:focus{border-color:var(--c4r-violet)}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:border-purple-700:focus{border-color:var(--color-purple-700)}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#6C3BFF\]:focus{--tw-ring-color:#6c3bff}.focus\:ring-\[\#6C3BFF\]\/30:focus{--tw-ring-color:oklab(54.3606% .0678494 -.256417/.3)}.focus\:ring-\[\#6638d1\]\/30:focus{--tw-ring-color:oklab(49.2673% .0733071 -.205551/.3)}.focus\:ring-\[\#C6B3FF\]\/60:focus{--tw-ring-color:oklab(80.9918% .0459757 -.0969049/.6)}.focus\:ring-amber-300\/60:focus{--tw-ring-color:#ffd23699}@supports (color:color-mix(in lab, red, red)){.focus\:ring-amber-300\/60:focus{--tw-ring-color:color-mix(in oklab,var(--color-amber-300)60%,transparent)}}.focus\:ring-amber-700:focus{--tw-ring-color:var(--color-amber-700)}.focus\:ring-blue-700:focus{--tw-ring-color:var(--color-blue-700)}.focus\:ring-emerald-700:focus{--tw-ring-color:var(--color-emerald-700)}.focus\:ring-gray-500:focus{--tw-ring-color:var(--color-gray-500)}.focus\:ring-gray-700:focus{--tw-ring-color:var(--color-gray-700)}.focus\:ring-green-600:focus{--tw-ring-color:var(--color-green-600)}.focus\:ring-green-700:focus{--tw-ring-color:var(--color-green-700)}.focus\:ring-primary:focus{--tw-ring-color:var(--color-primary)}.focus\:ring-primary\/20:focus{--tw-ring-color:#6c3bff33}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary\/20:focus{--tw-ring-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.focus\:ring-primary\/25:focus{--tw-ring-color:#6c3bff40}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary\/25:focus{--tw-ring-color:color-mix(in oklab,var(--color-primary)25%,transparent)}}.focus\:ring-primary\/30:focus{--tw-ring-color:#6c3bff4d}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary\/30:focus{--tw-ring-color:color-mix(in oklab,var(--color-primary)30%,transparent)}}.focus\:ring-primary\/40:focus{--tw-ring-color:#6c3bff66}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary\/40:focus{--tw-ring-color:color-mix(in oklab,var(--color-primary)40%,transparent)}}.focus\:ring-primary\/50:focus{--tw-ring-color:#6c3bff80}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary\/50:focus{--tw-ring-color:color-mix(in oklab,var(--color-primary)50%,transparent)}}.focus\:ring-purple-200:focus{--tw-ring-color:var(--color-purple-200)}.focus\:ring-purple-300:focus{--tw-ring-color:var(--color-purple-300)}.focus\:ring-purple-500:focus{--tw-ring-color:var(--color-purple-500)}.focus\:ring-purple-700:focus{--tw-ring-color:var(--color-purple-700)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-red-600:focus{--tw-ring-color:var(--color-red-600)}.focus\:ring-red-700:focus{--tw-ring-color:var(--color-red-700)}.focus\:ring-red-900:focus{--tw-ring-color:var(--color-red-900)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-0:focus{outline-style:var(--tw-outline-style);outline-width:0}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:rounded-md:focus-visible{border-radius:var(--radius-md)}.focus-visible\:border-\[\#6C3BFF\]:focus-visible{border-color:#6c3bff}.focus-visible\:border-\[var\(--community-brand-private\)\]:focus-visible{border-color:var(--community-brand-private)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[\#6C3BFF\]:focus-visible,.focus-visible\:ring-\[\#6c3bff\]:focus-visible{--tw-ring-color:#6c3bff}.focus-visible\:ring-\[\#9EF5C1\]:focus-visible{--tw-ring-color:#9ef5c1}.focus-visible\:ring-\[\#6537e6\]:focus-visible{--tw-ring-color:#6537e6}.focus-visible\:ring-\[\#6638d1\]:focus-visible{--tw-ring-color:#6638d1}.focus-visible\:ring-\[\#6638d1\]\/40:focus-visible{--tw-ring-color:oklab(49.2673% .0733071 -.205551/.4)}.focus-visible\:ring-\[\#c4b5fd\]:focus-visible{--tw-ring-color:#c4b5fd}.focus-visible\:ring-\[\#d7c4e7\]:focus-visible{--tw-ring-color:#d7c4e7}.focus-visible\:ring-\[\#d8c5e8\]:focus-visible{--tw-ring-color:#d8c5e8}.focus-visible\:ring-\[var\(--c4r-violet\)\]:focus-visible{--tw-ring-color:var(--c4r-violet)}.focus-visible\:ring-\[var\(--community-focus\)\]:focus-visible{--tw-ring-color:var(--community-focus)}.focus-visible\:ring-\[var\(--community-focus-strong\)\]:focus-visible{--tw-ring-color:var(--community-focus-strong)}.focus-visible\:ring-amber-300:focus-visible{--tw-ring-color:var(--color-amber-300)}.focus-visible\:ring-green-500:focus-visible{--tw-ring-color:var(--color-green-500)}.focus-visible\:ring-orange-100:focus-visible{--tw-ring-color:var(--color-orange-100)}.focus-visible\:ring-orange-200:focus-visible{--tw-ring-color:var(--color-orange-200)}.focus-visible\:ring-orange-300:focus-visible{--tw-ring-color:var(--color-orange-300)}.focus-visible\:ring-primary:focus-visible{--tw-ring-color:var(--color-primary)}.focus-visible\:ring-primary\/40:focus-visible{--tw-ring-color:#6c3bff66}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-primary\/40:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-primary)40%,transparent)}}.focus-visible\:ring-purple-100:focus-visible{--tw-ring-color:var(--color-purple-100)}.focus-visible\:ring-purple-200:focus-visible{--tw-ring-color:var(--color-purple-200)}.focus-visible\:ring-purple-300:focus-visible{--tw-ring-color:var(--color-purple-300)}.focus-visible\:ring-purple-400:focus-visible{--tw-ring-color:var(--color-purple-400)}.focus-visible\:ring-purple-600:focus-visible{--tw-ring-color:var(--color-purple-600)}.focus-visible\:ring-red-100:focus-visible{--tw-ring-color:var(--color-red-100)}.focus-visible\:ring-red-200:focus-visible{--tw-ring-color:var(--color-red-200)}.focus-visible\:ring-red-500:focus-visible{--tw-ring-color:var(--color-red-500)}.focus-visible\:ring-red-600:focus-visible{--tw-ring-color:var(--color-red-600)}.focus-visible\:ring-red-700:focus-visible{--tw-ring-color:var(--color-red-700)}.focus-visible\:ring-rose-600:focus-visible{--tw-ring-color:var(--color-rose-600)}.focus-visible\:ring-slate-200:focus-visible{--tw-ring-color:var(--color-slate-200)}.focus-visible\:ring-violet-300:focus-visible{--tw-ring-color:var(--color-violet-300)}.focus-visible\:ring-violet-400:focus-visible{--tw-ring-color:var(--color-violet-400)}.focus-visible\:ring-violet-500:focus-visible{--tw-ring-color:var(--color-violet-500)}.focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}.focus-visible\:ring-white\/70:focus-visible{--tw-ring-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-white\/70:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-\[-2px\]:focus-visible{outline-offset:-2px}.focus-visible\:outline-\[\#6C3BFF\]:focus-visible{outline-color:#6c3bff}.focus-visible\:outline-primary:focus-visible{outline-color:var(--color-primary)}.focus-visible\:outline-purple-600:focus-visible{outline-color:var(--color-purple-600)}.focus-visible\:outline-purple-700:focus-visible{outline-color:var(--color-purple-700)}.focus-visible\:outline-white:focus-visible{outline-color:var(--color-white)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:border-gray-200:disabled{border-color:var(--color-gray-200)}.disabled\:bg-\[\#9d91aa\]:disabled{background-color:#9d91aa}.disabled\:bg-gray-100:disabled{background-color:var(--color-gray-100)}.disabled\:bg-slate-100:disabled{background-color:var(--color-slate-100)}.disabled\:bg-slate-300:disabled{background-color:var(--color-slate-300)}.disabled\:bg-slate-400:disabled{background-color:var(--color-slate-400)}.disabled\:text-gray-400:disabled{color:var(--color-gray-400)}.disabled\:text-slate-600:disabled{color:var(--color-slate-600)}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}.disabled\:opacity-75:disabled{opacity:.75}.disabled\:opacity-80:disabled{opacity:.8}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}}.aria-disabled\:cursor-wait[aria-disabled=true]{cursor:wait}.aria-disabled\:opacity-60[aria-disabled=true]{opacity:.6}.aria-\[invalid\=true\]\:border-red-600[aria-invalid=true]{border-color:var(--color-red-600)}.aria-\[invalid\=true\]\:ring-2[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-\[invalid\=true\]\:ring-red-100[aria-invalid=true]{--tw-ring-color:var(--color-red-100)}@media (prefers-reduced-motion:reduce){.motion-reduce\:transform-none{transform:none}.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}@media (hover:hover){.motion-reduce\:hover\:translate-y-0:hover{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}}@media (min-width:360px){.min-\[360px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1440px){.min-\[1440px\]\:not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}}@media (min-width:40rem){.sm\:top-2{top:calc(var(--spacing)*2)}.sm\:top-5{top:calc(var(--spacing)*5)}.sm\:right-2{right:calc(var(--spacing)*2)}.sm\:right-6{right:calc(var(--spacing)*6)}.sm\:left-6{left:calc(var(--spacing)*6)}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:mt-2{margin-top:calc(var(--spacing)*2)}.sm\:mb-4{margin-bottom:calc(var(--spacing)*4)}.sm\:mb-5{margin-bottom:calc(var(--spacing)*5)}.sm\:mb-8{margin-bottom:calc(var(--spacing)*8)}.sm\:ml-3{margin-left:calc(var(--spacing)*3)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:h-18{height:calc(var(--spacing)*18)}.sm\:h-24{height:calc(var(--spacing)*24)}.sm\:h-28{height:calc(var(--spacing)*28)}.sm\:h-\[85px\]{height:85px}.sm\:min-h-\[156px\]{min-height:156px}.sm\:min-h-\[760px\]{min-height:760px}.sm\:w-18{width:calc(var(--spacing)*18)}.sm\:w-24{width:calc(var(--spacing)*24)}.sm\:w-28{width:calc(var(--spacing)*28)}.sm\:w-auto{width:auto}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-xs{max-width:var(--container-xs)}.sm\:flex-1{flex:1}.sm\:shrink-0{flex-shrink: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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-\[1fr_auto_auto_auto\]{grid-template-columns:1fr auto auto auto}.sm\:grid-cols-\[9rem_minmax\(0\,1fr\)\]{grid-template-columns:9rem minmax(0,1fr)}.sm\:grid-cols-\[12rem_1fr\]{grid-template-columns:12rem 1fr}.sm\:grid-cols-\[112px_minmax\(0\,1fr\)_auto\]{grid-template-columns:112px minmax(0,1fr) auto}.sm\:grid-cols-\[128px_minmax\(0\,1fr\)\]{grid-template-columns:128px minmax(0,1fr)}.sm\:grid-cols-\[140px_minmax\(0\,1fr\)\]{grid-template-columns:140px minmax(0,1fr)}.sm\:grid-cols-\[144px_minmax\(0\,1fr\)\]{grid-template-columns:144px minmax(0,1fr)}.sm\:grid-cols-\[144px_minmax\(0\,1fr\)_auto\]{grid-template-columns:144px minmax(0,1fr) auto}.sm\:grid-cols-\[220px_minmax\(0\,1fr\)\]{grid-template-columns:220px minmax(0,1fr)}.sm\:grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.sm\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:justify-start{justify-content:flex-start}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:gap-5{gap:calc(var(--spacing)*5)}.sm\:gap-6{gap:calc(var(--spacing)*6)}.sm\:gap-x-5{column-gap:calc(var(--spacing)*5)}:where(.sm\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.sm\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px*var(--tw-divide-y-reverse));border-bottom-width:calc(0px*calc(1 - var(--tw-divide-y-reverse)))}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}.sm\:rounded-xl{border-radius:var(--radius-xl)}.sm\:border{border-style:var(--tw-border-style);border-width:1px}.sm\:p-3{padding:calc(var(--spacing)*3)}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-5{padding:calc(var(--spacing)*5)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:p-7{padding:calc(var(--spacing)*7)}.sm\:p-8{padding:calc(var(--spacing)*8)}.sm\:p-9{padding:calc(var(--spacing)*9)}.sm\:p-10{padding:calc(var(--spacing)*10)}.sm\:px-3{padding-inline:calc(var(--spacing)*3)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:px-5{padding-inline:calc(var(--spacing)*5)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:px-7{padding-inline:calc(var(--spacing)*7)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:px-9{padding-inline:calc(var(--spacing)*9)}.sm\:py-3\.5{padding-block:calc(var(--spacing)*3.5)}.sm\:py-4{padding-block:calc(var(--spacing)*4)}.sm\:py-6{padding-block:calc(var(--spacing)*6)}.sm\:py-7{padding-block:calc(var(--spacing)*7)}.sm\:py-8{padding-block:calc(var(--spacing)*8)}.sm\:py-10{padding-block:calc(var(--spacing)*10)}.sm\:py-11{padding-block:calc(var(--spacing)*11)}.sm\:py-14{padding-block:calc(var(--spacing)*14)}.sm\:py-16{padding-block:calc(var(--spacing)*16)}.sm\:py-18{padding-block:calc(var(--spacing)*18)}.sm\:py-20{padding-block:calc(var(--spacing)*20)}.sm\:pt-8{padding-top:calc(var(--spacing)*8)}.sm\:pt-16{padding-top:calc(var(--spacing)*16)}.sm\:pr-4{padding-right:calc(var(--spacing)*4)}.sm\:pb-6{padding-bottom:calc(var(--spacing)*6)}.sm\:pb-16{padding-bottom:calc(var(--spacing)*16)}.sm\:pl-4{padding-left:calc(var(--spacing)*4)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-\[1\.9rem\]{font-size:1.9rem}.sm\:text-\[1\.85rem\]{font-size:1.85rem}.sm\:text-\[2rem\]{font-size:2rem}.sm\:leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.sm\:opacity-0{opacity:0}.sm\:group-focus-within\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media (hover:hover){.sm\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}}@media (min-width:48rem){.md\:right-2{right:calc(var(--spacing)*2)}.md\:bottom-2{bottom:calc(var(--spacing)*2)}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-2{grid-column:span 2/span 2}.md\:mx-6{margin-inline:calc(var(--spacing)*6)}.md\:mx-8{margin-inline:calc(var(--spacing)*8)}.md\:mb-6{margin-bottom:calc(var(--spacing)*6)}.md\:mb-12{margin-bottom:calc(var(--spacing)*12)}.md\:mb-24{margin-bottom:calc(var(--spacing)*24)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-13{height:calc(var(--spacing)*13)}.md\:h-16{height:calc(var(--spacing)*16)}.md\:h-20{height:calc(var(--spacing)*20)}.md\:h-44{height:calc(var(--spacing)*44)}.md\:h-80{height:calc(var(--spacing)*80)}.md\:min-h-96{min-height:calc(var(--spacing)*96)}.md\:min-h-\[360px\]{min-height:360px}.md\:min-h-\[460px\]{min-height:460px}.md\:w-20{width:calc(var(--spacing)*20)}.md\:w-44{width:calc(var(--spacing)*44)}.md\:w-auto{width:auto}.md\:flex-none{flex:none}.md\:shrink-0{flex-shrink:0}.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-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-\[1fr_12rem\]{grid-template-columns:1fr 12rem}.md\:grid-cols-\[2fr_1fr_1\.5fr_1fr_44px\]{grid-template-columns:2fr 1fr 1.5fr 1fr 44px}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:gap-2{gap:calc(var(--spacing)*2)}.md\:gap-5{gap:calc(var(--spacing)*5)}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:object-center{object-position:center}.md\:p-0{padding:calc(var(--spacing)*0)}.md\:p-5{padding:calc(var(--spacing)*5)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:p-10{padding:calc(var(--spacing)*10)}.md\:px-5\.75{padding-inline:calc(var(--spacing)*5.75)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:px-8{padding-inline:calc(var(--spacing)*8)}.md\:px-12{padding-inline:calc(var(--spacing)*12)}.md\:py-16{padding-block:calc(var(--spacing)*16)}.md\:py-18{padding-block:calc(var(--spacing)*18)}.md\:py-20{padding-block:calc(var(--spacing)*20)}.md\:pb-16{padding-bottom:calc(var(--spacing)*16)}.md\:text-left{text-align:left}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-\[28px\]{font-size:28px}.md\:text-\[32px\]{font-size:32px}.md\:text-\[36px\]{font-size:36px}.md\:opacity-0{opacity:0}@media (hover:hover){.md\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.md\:focus-visible\:opacity-100:focus-visible{opacity:1}}@media (min-width:64rem){.lg\:not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.lg\:relative{position:relative}.lg\:sticky{position:sticky}.lg\:top-0{top:calc(var(--spacing)*0)}.lg\:top-5{top:calc(var(--spacing)*5)}.lg\:top-24{top:calc(var(--spacing)*24)}.lg\:z-auto{z-index:auto}.lg\:col-auto{grid-column:auto}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:mx-0{margin-inline:calc(var(--spacing)*0)}.lg\:mt-12{margin-top:calc(var(--spacing)*12)}.lg\:mb-1{margin-bottom:calc(var(--spacing)*1)}.lg\:ml-0{margin-left:calc(var(--spacing)*0)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-22{height:calc(var(--spacing)*22)}.lg\:h-screen{height:100vh}.lg\:min-h-105{min-height:calc(var(--spacing)*105)}.lg\:min-h-\[500px\]{min-height:500px}.lg\:w-1\/2{width:50%}.lg\:w-16{width:calc(var(--spacing)*16)}.lg\:w-72{width:calc(var(--spacing)*72)}.lg\:w-85{width:calc(var(--spacing)*85)}.lg\:w-auto{width:auto}.lg\:w-fit{width:fit-content}.lg\:w-full{width:100%}.lg\:max-w-md{max-width:var(--container-md)}.lg\:shrink-0{flex-shrink:0}.lg\:translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr .8fr}.lg\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:grid-cols-\[1fr_0\.9fr\]{grid-template-columns:1fr .9fr}.lg\:grid-cols-\[1fr_1fr_1fr_1fr_auto\]{grid-template-columns:1fr 1fr 1fr 1fr auto}.lg\:grid-cols-\[220px_minmax\(0\,1fr\)\]{grid-template-columns:220px minmax(0,1fr)}.lg\:grid-cols-\[232px_minmax\(0\,1fr\)\]{grid-template-columns:232px minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,1\.7fr\)_minmax\(18rem\,0\.8fr\)\]{grid-template-columns:minmax(0,1.7fr) minmax(18rem,.8fr)}.lg\:grid-cols-\[minmax\(0\,1\.45fr\)_minmax\(340px\,\.8fr\)\]{grid-template-columns:minmax(0,1.45fr) minmax(340px,.8fr)}.lg\:grid-cols-\[minmax\(0\,1\.55fr\)_minmax\(300px\,\.8fr\)\]{grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_21\.25rem\]{grid-template-columns:minmax(0,1fr) 21.25rem}.lg\:grid-cols-\[minmax\(0\,440px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,440px) minmax(0,1fr)}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:gap-5{gap:calc(var(--spacing)*5)}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:gap-12{gap:calc(var(--spacing)*12)}.lg\:gap-16{gap:calc(var(--spacing)*16)}.lg\:self-stretch{align-self:stretch}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:p-6{padding:calc(var(--spacing)*6)}.lg\:p-7{padding:calc(var(--spacing)*7)}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:p-9{padding:calc(var(--spacing)*9)}.lg\:p-10{padding:calc(var(--spacing)*10)}.lg\:px-0{padding-inline:calc(var(--spacing)*0)}.lg\:px-6{padding-inline:calc(var(--spacing)*6)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:px-9{padding-inline:calc(var(--spacing)*9)}.lg\:px-10{padding-inline:calc(var(--spacing)*10)}.lg\:px-12{padding-inline:calc(var(--spacing)*12)}.lg\:px-15{padding-inline:calc(var(--spacing)*15)}.lg\:py-5{padding-block:calc(var(--spacing)*5)}.lg\:py-7{padding-block:calc(var(--spacing)*7)}.lg\:py-8{padding-block:calc(var(--spacing)*8)}.lg\:py-16{padding-block:calc(var(--spacing)*16)}.lg\:py-20{padding-block:calc(var(--spacing)*20)}.lg\:py-24{padding-block:calc(var(--spacing)*24)}.lg\:pt-10{padding-top:calc(var(--spacing)*10)}.lg\:pb-0{padding-bottom:calc(var(--spacing)*0)}.lg\:pb-20{padding-bottom:calc(var(--spacing)*20)}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:80rem){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:h-21{height:calc(var(--spacing)*21)}.xl\:w-21{width:calc(var(--spacing)*21)}.xl\:max-w-xs{max-width:var(--container-xs)}.xl\:flex-1{flex:1}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.xl\:grid-cols-\[minmax\(0\,440px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,440px) minmax(0,1fr)}.xl\:flex-row{flex-direction:row}.xl\:items-start{align-items:flex-start}.xl\:justify-between{justify-content:space-between}.xl\:gap-8{gap:calc(var(--spacing)*8)}.xl\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.xl\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.xl\:px-0{padding-inline:calc(var(--spacing)*0)}.xl\:text-\[3\.55rem\]{font-size:3.55rem}}@media (min-width:96rem){.\32 xl\:not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.\32 xl\:flex{display:flex}.\32 xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32 xl\:flex-col{flex-direction:column}.\32 xl\:gap-7{gap:calc(var(--spacing)*7)}}@media print{.print\:hidden{display:none}}.\[\&\:\:-moz-range-thumb\]\:h-6::-moz-range-thumb{height:calc(var(--spacing)*6)}.\[\&\:\:-moz-range-thumb\]\:h-11::-moz-range-thumb{height:calc(var(--spacing)*11)}.\[\&\:\:-moz-range-thumb\]\:w-6::-moz-range-thumb{width:calc(var(--spacing)*6)}.\[\&\:\:-moz-range-thumb\]\:w-11::-moz-range-thumb{width:calc(var(--spacing)*11)}.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{border-radius:3.40282e38px}.\[\&\:\:-moz-range-thumb\]\:border-none::-moz-range-thumb{--tw-border-style:none;border-style:none}.\[\&\:\:-moz-range-thumb\]\:bg-primary::-moz-range-thumb{background-color:var(--color-primary)}.\[\&\:\:-moz-range-track\]\:bg-transparent::-moz-range-track{background-color:#0000}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.\[\&\:\:-webkit-slider-thumb\]\:h-6::-webkit-slider-thumb{height:calc(var(--spacing)*6)}.\[\&\:\:-webkit-slider-thumb\]\:h-11::-webkit-slider-thumb{height:calc(var(--spacing)*11)}.\[\&\:\:-webkit-slider-thumb\]\:w-6::-webkit-slider-thumb{width:calc(var(--spacing)*6)}.\[\&\:\:-webkit-slider-thumb\]\:w-11::-webkit-slider-thumb{width:calc(var(--spacing)*11)}.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{border-radius:3.40282e38px}.\[\&\:\:-webkit-slider-thumb\]\:border-2::-webkit-slider-thumb{border-style:var(--tw-border-style);border-width:2px}.\[\&\:\:-webkit-slider-thumb\]\:border-white::-webkit-slider-thumb{border-color:var(--color-white)}.\[\&\:\:-webkit-slider-thumb\]\:bg-primary::-webkit-slider-thumb{background-color:var(--color-primary)}.\[\&\:\:-webkit-slider-thumb\]\:shadow-md::-webkit-slider-thumb{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&\>section\>main\]\:min-h-0>section>main{min-height:calc(var(--spacing)*0)}.\[\&\>section\>main\>header\]\:hidden>section>main>header{display:none}}@keyframes nav-arrow{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@layer utility{.animate-nav-arrow{animation:1.2s ease-in-out infinite nav-arrow}}.chat-scroll::-webkit-scrollbar{width:4px}.chat-scroll::-webkit-scrollbar-track{background:0 0}.chat-scroll::-webkit-scrollbar-thumb{background:#e2e2e2;border-radius:999px}.chat-scroll::-webkit-scrollbar-thumb:hover{background:#c8c8c8}.advertise-cta-focus:focus-visible{outline-offset:4px;outline:4px solid #fff!important}.m-distance-slider{appearance:none;cursor:pointer;background:0 0;height:44px}.m-distance-slider:focus-visible{outline-offset:2px;outline:3px solid #6c3bff}.m-distance-slider::-webkit-slider-runnable-track{background:#ddd6fe;border-radius:999px;height:6px}.m-distance-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:3px solid #6c3bff;border-radius:50%;width:44px;height:44px;margin-top:-19px;box-shadow:0 2px 6px #2114483d}.m-distance-slider::-moz-range-track{background:#ddd6fe;border-radius:999px;height:6px}.m-distance-slider::-moz-range-thumb{background:#fff;border:3px solid #6c3bff;border-radius:50%;width:44px;height:44px;box-shadow:0 2px 6px #2114483d}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}

/* Saint (2026-10-09): the whole car shows on every photo. Frames are 4:3 (the dealer photos'
   own shape) and fill with cover; a photo of another shape is marked data-photo-fit="contain" by
   src/utils/photoFit.mjs and shows whole on a backdrop that matches its frame: a soft neutral on
   cards, ink in the advert gallery and the full-screen viewer. No blur, no glow. */
img[data-photo-fit='contain'] {
  object-fit: contain !important;
  object-position: 50% 50% !important;
  background-color: #F1EEF8;
}
:is(.c4r-gal-frame, .c4r-gal-viewer, .c4r-adv-gal, .le-media) img[data-photo-fit='contain'] {
  background-color: #140C2A;
}

/* A phone on its side: the carousel slide is wider than 4:3, so the photo shows whole on ink. */
@media (max-width: 767px) and (orientation: landscape) {
  .c4r-adv-slide :is(picture, img) { background-color: #140C2A; }
  .c4r-adv-slide img { object-fit: contain !important; }
}

/* perf-2026-10-13: the page shell the server sends (#c4r-*-raw: home, cars, guides, towns, adverts) is
   what a phone shows while the app's page downloads, and what readers without JavaScript keep. It wears
   the livery instead of browser defaults; the app keeps it on screen until the real page is ready
   (src/utils/bootRawShell.mjs), so there is no skeleton flash in between. The forum shell has its own styles. */
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) {
  display: block;
  box-sizing: border-box;
  max-width: var(--c4r-maxw, 1280px);
  margin: 0 auto;
  padding: 20px var(--c4r-gut, 16px) 104px;
  color: var(--c4r-ink, #140C2A);
  background: #fff;
  font-family: var(--c4r-fb);
  font-size: 16px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) h1 {
  margin: 6px 0 12px;
  font-family: var(--c4r-fd);
  font-size: clamp(28px, 7.4vw, 46px);
  font-style: italic;
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: 0.01em;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) :is(h2, h3, h4) {
  margin: 22px 0 8px;
  font-family: var(--c4r-fd);
  font-weight: 700;
  line-height: 1.15;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) h2 { font-size: 24px; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) h3 { font-size: 20px; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) h4 { font-size: 18px; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) :is(p, ul, ol, dl, table, figure) { margin: 0 0 12px; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) :is(ul, ol) { padding-left: 22px; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) ul { list-style: disc; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) ol { list-style: decimal; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) li { margin: 0 0 4px; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) a {
  color: var(--c4r-violet, #6C3BFF);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* runs of links (filters, makes, towns) become a tidy wrapped row */
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) nav > a {
  display: inline-block;
  margin: 0 16px 10px 0;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) nav[aria-label='Breadcrumb'] {
  margin-bottom: 10px;
  color: var(--c4r-muted, #5B5273);
  font-size: 14px;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) nav[aria-label='Breadcrumb'] :is(ol, ul) {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) nav[aria-label='Breadcrumb'] a { margin: 0; font-weight: 500; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 8px 0 12px;
  border-radius: 4px;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) :is(th, td) {
  padding: 6px 8px;
  border-bottom: 1px solid var(--c4r-line, #E5E0EF);
  text-align: left;
  vertical-align: top;
  overflow-wrap: normal;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) .g-table { overflow-x: auto; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) dl > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  border-bottom: 1px solid var(--c4r-line, #E5E0EF);
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) dt { color: var(--c4r-muted, #5B5273); }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) dd { margin: 0; font-weight: 600; }

/* Saint review 2, R2-21 + R2M-16: page transitions (utils/pageTransitions.mjs starts them, only for a
   move to another page; back/forward stay with the browser).
   Desktop: a quick cross-fade with a 6px settle. Phones (< 768px): a short slide + fade to the left.
   Everything finishes inside 180ms (measured end to end it stays under a quarter second) and animates only opacity and transform (compositor-only, so it
   stays smooth on mid-range Android).
   The site chrome is named only while a transition runs (html.c4r-vt), so it holds still above the
   moving page and keeps its normal stacking/backdrop the rest of the time. */

html.c4r-vt .c4r-site-nav,
html.c4r-vt .c4r-livery header.site-header { view-transition-name: c4r-header; }
html.c4r-vt .c4r-tabbar { view-transition-name: c4r-tabbar; }
html.c4r-vt .c4r-dock { view-transition-name: c4r-dock; }
html.c4r-vt .c4r-compare-tray { view-transition-name: c4r-compare; }

::view-transition-group(*) {
  animation-duration: 160ms;
  animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
}

::view-transition-old(root) {
  animation: 110ms cubic-bezier(0.4, 0, 1, 1) both c4r-vt-fade-out;
}
::view-transition-new(root) {
  animation: 160ms cubic-bezier(0, 0, 0.2, 1) both c4r-vt-fade-up-in;
}

/* The chrome does not cross-fade with itself: old and new are the same bar. */
::view-transition-old(c4r-tabbar),
::view-transition-old(c4r-dock),
::view-transition-old(c4r-compare) { animation: none; opacity: 0; }
::view-transition-new(c4r-tabbar),
::view-transition-new(c4r-dock),
::view-transition-new(c4r-compare) { animation: none; opacity: 1; }

@keyframes c4r-vt-fade-out { to { opacity: 0; } }
@keyframes c4r-vt-fade-up-in { from { opacity: 0; transform: translateY(6px); } }
@keyframes c4r-vt-slide-out-left { to { opacity: 0; transform: translateX(-28px); } }
@keyframes c4r-vt-slide-in-right { from { opacity: 0; transform: translateX(36px); } }

@media (max-width: 767px) {
  ::view-transition-old(root) {
    animation: 120ms cubic-bezier(0.4, 0, 1, 1) both c4r-vt-slide-out-left;
  }
  ::view-transition-new(root) {
    animation: 180ms cubic-bezier(0, 0, 0.2, 1) both c4r-vt-slide-in-right;
  }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) { animation: none !important; }
}

/* Shared route tokens. The homepage retains its own isolated .c4r-livery system.
   Do not map layout utilities (grid, widths, gaps) or semantic status colours. */
.c4r-site-theme {
  --c4r-violet: #6C3BFF;
  --c4r-ink: #140C2A;
  --c4r-mist: #F6F3FC;
  --c4r-line: #E5E0EF;
  --c4r-muted: #5B5273;
  --c4r-font-body: 'Barlow', 'Barlow Fallback', 'Segoe UI', sans-serif;
  --c4r-font-heading: 'Barlow Condensed', 'Barlow Condensed Fallback', 'Arial Narrow', sans-serif;
  --color-primary: #6C3BFF;
  --color-primary-dark: #5526EA;
  --color-primary-light: #F1ECFF;
  --color-ink: #140C2A;
  min-height: 100dvh;
  background: var(--c4r-mist);
  color: var(--c4r-ink);
  font-family: var(--c4r-font-body);
  -webkit-font-smoothing: antialiased;
}
/* Explicitly exclude isolated livery children; auth/account owners can build on tokens. */
.c4r-site-theme :where(.font-inter, .font-poppins, .font-manrope, .font-public-sans, .font-roboto, .font-montserrat, .font-lato, .font-sans, input, select, textarea, button):not(:where(.c4r-livery, .c4r-livery *)) {
  font-family: var(--c4r-font-body);
}
.c4r-site-theme :is(h1, h2, h3, h4):not(:where(.c4r-livery, .c4r-livery *)) {
  font-family: var(--c4r-font-heading);
  font-weight: 800;
  font-style: italic;
  letter-spacing: -.015em;
}
.c4r-site-theme :focus-visible:not(:where(.c4r-livery, .c4r-livery *)) {
  outline: 3px solid var(--c4r-violet);
  outline-offset: 3px;
}
.c4r-site-theme :is(input, select, textarea):not(:where(.c4r-livery, .c4r-livery *)) {
  accent-color: var(--c4r-violet);
}
/* Public page rhythm: preserve the useful composition of results, filters and details. */
.c4r-site-theme .c4r-public-page {
  color: var(--c4r-ink);
  background-color: var(--c4r-mist);
}
.c4r-site-theme .c4r-public-page h1 {
  font-size: clamp(2.6rem, 4.7vw, 4.7rem);
  line-height: .98;
  text-transform: uppercase;
  text-wrap: balance;
}
.c4r-site-theme .c4r-public-page h2 {
  line-height: 1.08;
  text-transform: uppercase;
}
.c4r-site-theme .c4r-public-page h3 { line-height: 1.15; }
.c4r-site-theme .c4r-public-page :is(.text-gray-500, .text-gray-600, .text-slate-500, .text-slate-600, [class~="text-[#717182]"]) {
  color: var(--c4r-muted);
}
.c4r-site-theme .c4r-public-page :is(.bg-gray-50, .bg-slate-50, .bg-purple-50, [class~="bg-[#f9fafb]"], [class~="bg-[#f7f8fa]"]) {
  background-color: var(--c4r-mist);
}
.c4r-site-theme .c4r-public-page :is(.border-gray-100, .border-gray-200, .border-slate-200, .border-purple-100) {
  border-color: var(--c4r-line);
}
/* Square cards and fields, not circular avatars, badges, radio buttons or spinners. */
.c4r-site-theme .c4r-public-page :is(.rounded-xl, .rounded-2xl, .rounded-3xl, [class~="rounded-[24px]"], [class~="rounded-[28px]"], [class~="rounded-[10px]"]) {
  border-radius: 2px;
}
.c4r-site-theme .c4r-public-page :is(article, section)[class*="shadow-"] {
  box-shadow: 0 1px 0 var(--c4r-line);
}
.c4r-site-theme .c4r-public-page :is(button, a)[class*="rounded-"]:not([aria-label]) {
  border-radius: 2px;
}
.c4r-site-theme .c4r-public-page :is(button, a):is(.bg-primary, .bg-purple-600, .bg-purple-700, [class~="bg-[#6C3BFF]"]) {
  background: var(--c4r-violet);
  color: white;
  min-height: 44px;
  font-family: var(--c4r-font-heading);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
  padding-inline: 1.4rem;
}
.c4r-site-theme .c4r-public-page :is(button, a):is(.bg-primary, .bg-purple-600, .bg-purple-700):hover {
  background: #5526EA;
}
.c4r-site-theme .c4r-public-page :is(button, a):is(.bg-primary, .bg-purple-600, .bg-purple-700):focus-visible {
  box-shadow: inset 0 0 0 3px white, inset 0 0 0 5px var(--c4r-ink);
}
.c4r-site-theme .c4r-public-page :is(input:not([type='checkbox']):not([type='radio']):not([type='range']), select, textarea) {
  border-radius: 2px;
}
.c4r-site-theme .c4r-public-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--c4r-ink);
  color: white;
}
.c4r-site-theme .c4r-public-hero::after {
  content: '';
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 12%;
  height: 160%;
  right: 6%;
  top: -30%;
  transform: skewX(-14deg);
  background: var(--c4r-violet);
  opacity: .2;
}
.c4r-site-theme .c4r-public-hero > [aria-hidden='true'] { display: none; }
.c4r-site-theme .c4r-public-hero :focus-visible { outline-color: white; }
/* Shared navigation preserves global search, unread messages and role-aware actions. */
.c4r-site-theme .c4r-site-nav {
  border-bottom: 1px solid var(--c4r-line);
  box-shadow: none;
  color: var(--c4r-ink);
  background: white;
}
.c4r-site-theme .c4r-site-nav-bar { max-width: 1440px; gap: 1rem; }
.c4r-site-theme .c4r-site-nav :is(a, button) { flex-shrink: 0; }
.c4r-site-theme .c4r-site-nav nav a {
  font-family: var(--c4r-font-heading);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.c4r-site-theme .c4r-site-nav nav[aria-label='Main'] { gap: 1.3rem; }
.c4r-site-theme .c4r-site-nav :is(a, button).rounded-full { border-radius: 0; }
.c4r-site-theme .c4r-site-nav a.bg-primary {
  background: var(--c4r-violet);
  color: white;
  font-family: var(--c4r-font-heading);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 1rem;
  clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
}
.c4r-site-theme .c4r-site-nav a.bg-primary:focus-visible {
  box-shadow: inset 0 0 0 3px white, inset 0 0 0 5px var(--c4r-ink);
}
.c4r-site-theme .c4r-site-nav #mobile-menu { max-height: calc(100dvh - 72px); overflow-y: auto; }
.c4r-site-theme .c4r-site-nav [aria-label='Account settings'] { max-width: 210px; min-height: 44px; }
.c4r-site-theme .c4r-site-nav [aria-label='Account settings'] .text-sm { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Same dark, typographic footer as the homepage; keep existing SEO link inventory. */
.c4r-site-theme .c4r-site-footer { background: var(--c4r-ink); color: #CEC6E4; }
.c4r-site-theme .c4r-site-footer :is(.text-gray-600, .text-ink) { color: #CEC6E4; }
.c4r-site-theme .c4r-site-footer .c4r-footer-support-link { color: #C4B5FD; }
.c4r-site-theme .c4r-site-footer :is(h3, .c4r-footer-column > summary) {
  color: white;
  font-family: var(--c4r-font-heading);
  font-style: normal;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.c4r-site-theme .c4r-site-footer .c4r-footer-column > summary { list-style: none; }
.c4r-site-theme .c4r-site-footer .c4r-footer-column > summary::-webkit-details-marker { display: none; }
.c4r-site-theme .c4r-site-footer .c4r-footer-column--phone { display: none; }
@media (min-width: 768px) {
  .c4r-site-theme .c4r-site-footer .c4r-footer-column > summary { pointer-events: none; }
  .c4r-site-theme .c4r-site-footer .c4r-footer-column:not([open]) > ul { display: flex !important; }
}
.c4r-site-theme .c4r-site-footer .border-gray-200 { border-color: #2A1F52; }
.c4r-site-theme .c4r-site-footer a:hover { color: white; text-decoration: underline; text-underline-offset: 4px; }
.c4r-site-theme .c4r-site-footer :focus-visible { outline-color: white; }
.c4r-site-theme .c4r-site-footer img { width: 147px; height: 30px; object-fit: contain; }
.c4r-site-theme .c4r-standalone-chat { height: calc(100dvh - 88px); min-height: 520px; overflow: hidden; background: white; }
.c4r-site-theme .c4r-stock-hero { background: var(--c4r-ink); min-height: 0; }
.c4r-site-theme .c4r-stock-hero > .pointer-events-none { opacity: .22; }
.c4r-site-theme .c4r-stock-hero > .relative { padding-block: clamp(2rem, 4vw, 3.5rem); }
.c4r-site-theme .c4r-page-loader { background: var(--c4r-mist); }
.c4r-site-theme .c4r-page-loader :is(.rounded-2xl, .rounded-3xl, .rounded-xl) { border-radius: 2px; }
.c4r-site-theme .c4r-not-found { padding-block: 5rem; }
@media (max-width: 1199px) and (min-width: 1024px) {
  .c4r-site-theme .c4r-site-nav-bar { gap: .5rem; }
  .c4r-site-theme .c4r-site-nav nav[aria-label='Main'] { gap: .75rem; }
  .c4r-site-theme .c4r-site-nav a { padding-inline: .6rem; }
  .c4r-site-theme .c4r-site-nav picture img { max-width: 145px; object-fit: contain; }
}
@media (max-width: 767px) {
  .c4r-site-theme .c4r-site-footer .c4r-footer-column--phone { display: block; }
  .c4r-site-theme .c4r-site-footer .c4r-footer-column--desktop { display: none; }
  .c4r-site-theme .c4r-public-page h1 { font-size: clamp(2.35rem, 10vw, 3.5rem); }
  .c4r-site-theme .c4r-public-hero { padding-block: 3rem; }
  .c4r-site-theme .c4r-standalone-chat { height: calc(100dvh - 72px); }
}
@media (max-width: 279px) {
  .c4r-site-theme .c4r-site-footer .c4r-footer-links { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .c4r-site-theme .c4r-site-nav *,
  .c4r-site-theme .c4r-public-page :is(a, button) { transition: none; }
}

/* Mobile audit 2026-10-10: the shared footer's phone accordion (five short groups, 48px rows) was styled only in
   the advert chunk (mobile-m2-advert.css), so on /cars, /tools, /dealers, /advertise, /compare, profiles and town
   pages the group headings were 24px-high tap targets in a cramped two-column grid. Same rules, every page. */
@media (max-width: 767px) {
  .c4r-site-footer .container { padding-top: 28px; padding-bottom: 24px; }
  .c4r-site-footer .grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .c4r-site-footer .c4r-footer-column { border-top: 1px solid #ddd8e8; }
  .c4r-site-footer .c4r-footer-column:last-child { border-bottom: 1px solid #ddd8e8; }
  .c4r-site-footer .c4r-footer-column > summary { display: flex; min-height: 48px; align-items: center; justify-content: space-between; margin: 0; cursor: pointer; list-style: none; }
  .c4r-site-footer .c4r-footer-column > summary::-webkit-details-marker { display: none; }
  .c4r-site-footer .c4r-footer-column > summary::after { content: '+'; color: #6336df; font-size: 22px; }
  .c4r-site-footer .c4r-footer-column[open] > summary::after { content: '−'; }
  .c4r-site-footer .c4r-footer-column > ul { padding-bottom: 10px; }
}

/* C4R desktop primitives (W3-01, desktop-brief D0.2). OPT-IN and unused at ship time: class selectors
   only, every rule inside min-width:768px, so phones are untouched and nothing changes on screen until
   a component adds one of these classes. Values come from tokens.css. */
@media (min-width: 768px) {
  /* utilities */
  .c4r-hud {
    font: 500 12px/1.4 var(--c4r-fm);
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .c4r-price {
    font-family: var(--c4r-fd);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--c4r-price);
    font-size: 26px;
    line-height: 1;
  }
  .c4r-price.is-xl { font-size: 44px; }
  .c4r-price.is-lg { font-size: 30px; }
  .c4r-price.is-sm { font-size: 22px; }

  /* controls */
  .c4r-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 0;
    font: 700 16px/1 var(--c4r-fd);
    letter-spacing: .02em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
  }
  .c4r-btn.is-lg { min-height: 52px; padding: 0 28px; font-size: 18px; }
  .c4r-btn:focus-visible { outline: 2px solid var(--c4r-violet); outline-offset: 2px; }
  .c4r-btn:disabled, .c4r-btn[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
  .c4r-btn-primary {
    position: relative;
    isolation: isolate;
    color: #fff;
    background: transparent;
  }
  .c4r-btn-primary::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--c4r-violet);
    transform: skewX(var(--c4r-lean));
  }
  .c4r-btn-primary:hover::before { background: var(--c4r-violet-hover); }
  .c4r-btn-primary:active::before { background: var(--c4r-violet-press); }
  .c4r-btn-secondary { color: var(--c4r-ink); background: #fff; border-color: var(--c4r-ink); }
  .c4r-btn-secondary:hover { background: var(--c4r-mist); }
  .c4r-btn-ghost { color: var(--c4r-ink); background: transparent; }
  .c4r-btn-ghost:hover { background: var(--c4r-violet-100); }

  .c4r-input,
  .c4r-select {
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--c4r-control-border);
    border-radius: 0;
    background: #fff;
    color: var(--c4r-ink);
    font: 400 16px/1.3 var(--c4r-fb);
  }
  .c4r-input:focus-visible,
  .c4r-select:focus-visible { outline: 2px solid var(--c4r-violet); outline-offset: 0; border-color: var(--c4r-violet); }

  /* shapes */
  .c4r-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid var(--c4r-control-border);
    border-radius: 0;
    background: #fff;
    color: var(--c4r-ink);
    font: 600 14px/1 var(--c4r-fb);
    cursor: pointer;
  }
  .c4r-chip[aria-pressed="true"] { background: var(--c4r-violet); border-color: var(--c4r-violet); color: #fff; }
  .c4r-chip:focus-visible { outline: 2px solid var(--c4r-violet); outline-offset: 2px; }
  .c4r-tag {
    display: inline-block;
    padding: 3px 8px;
    background: var(--c4r-ink);
    color: #fff;
    font: 600 12px/1 var(--c4r-fm);
    letter-spacing: .08em;
    text-transform: uppercase;
    transform: skewX(var(--c4r-lean));
  }
  .c4r-tag > * { display: inline-block; transform: skewX(14deg); }

  /* layout */
  .c4r-wrap {
    width: min(100% - 2 * var(--c4r-gut), var(--c4r-maxw));
    margin-inline: auto;
  }
  .c4r-title-band {
    padding-block: 32px 24px;
    border-bottom: 1px solid var(--c4r-line);
    background: #fff;
  }
  .c4r-title-band h1 {
    margin: 0;
    font: 800 italic 44px/.95 var(--c4r-fd);
    letter-spacing: -.015em;
    color: var(--c4r-ink);
  }

  /* desktop card skin: only inside a .c4r-desk-cards grid. Specificity beats the global hide rules
     in mobile-m1-card.css (.c4r-livery .car .car-seller). */
  .c4r-livery .c4r-desk-cards .car {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--c4r-line);
    border-radius: 0;
    background: #fff;
    transition: transform .16s ease, box-shadow .16s ease;
  }
  .c4r-livery .c4r-desk-cards .car:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(108, 59, 255, .16);
  }
  .c4r-livery .c4r-desk-cards .car:has(a:focus-visible) { outline: 2px solid var(--c4r-violet); outline-offset: 2px; }
  .c4r-livery .c4r-desk-cards .car .car-media { aspect-ratio: 4 / 3; border-radius: 0; overflow: hidden; }
  .c4r-livery .c4r-desk-cards .car .car-photo-count {
    background: rgba(20, 12, 42, .55);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(143, 107, 255, .40);
    color: #fff;
  }
  .c4r-livery .c4r-desk-cards .car .car-model {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font: 800 italic 22px/1.05 var(--c4r-fd);
  }
  .c4r-livery .c4r-desk-cards .car .car-price strong {
    color: var(--c4r-price);
    font-family: var(--c4r-fd);
    font-size: 26px;
    font-variant-numeric: tabular-nums;
  }
  .c4r-livery .c4r-desk-cards .car .car-seller {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    margin-top: auto;
    padding: 0 16px;
    border-top: 1px solid var(--c4r-line);
  }
  .c4r-livery .c4r-desk-cards .car .car-loc { display: none; }
  .c4r-livery .c4r-desk-cards .car .car-nf { display: none; }
}
@media (min-width: 1200px) {
  .c4r-livery .c4r-desk-cards .car .car-price strong { font-size: 28px; }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .c4r-livery .c4r-desk-cards .car { transition: none; }
  .c4r-livery .c4r-desk-cards .car:hover { transform: none; }
}

/* Launch: the one site search box (HeaderSearch.jsx) in both headers - the shared Navbar and the
   livery SiteHeader (homepage, sign-in pages) - and in the phone search sheet.
   Electric Livery: square, 2 px ink border, violet focus ring, Barlow, 48 px target.
   Own c4r-hs- prefix: livery.css styles generic names such as .search, .field and .btn. */
.c4r-hs {
  position: relative;
  width: 100%;
  min-width: 0;
  font-family: var(--c4r-fb);
  text-align: left;
}
.c4r-hs-box {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 48px;
  padding: 0 4px 0 14px;
  border: 2px solid var(--c4r-ink);
  border-radius: 0;
  background: #fff;
  color: var(--c4r-ink);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.c4r-hs-box:hover { border-color: var(--c4r-violet); }
.c4r-hs-box:focus-within {
  border-color: var(--c4r-violet);
  box-shadow: 0 0 0 3px rgba(108, 59, 255, 0.28);
}
.c4r-hs-ico { flex: none; color: var(--c4r-violet); }
.c4r-hs .c4r-hs-input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  background: transparent;
  color: var(--c4r-ink);
  font: 500 16px/1.2 var(--c4r-fb);
  letter-spacing: 0;
  -webkit-appearance: none;
  appearance: none;
}
.c4r-hs .c4r-hs-input::placeholder { color: #5B5273; opacity: 1; }
/* The box carries the focus ring (violet border + halo), so the input itself draws none. */
.c4r-hs .c4r-hs-input:is(:focus, :focus-visible) { outline: none; box-shadow: none; }
.c4r-hs .c4r-hs-input::-webkit-search-cancel-button { -webkit-appearance: none; display: none; }
.c4r-hs .c4r-hs-go {
  flex: none;
  display: inline-flex;
  align-items: center;
  height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 0;
  background: var(--c4r-violet);
  color: #fff;
  font: italic 700 15px/1 var(--c4r-fd);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%);
  transition: background-color 0.15s ease;
}
.c4r-hs .c4r-hs-go:hover { background: var(--c4r-violet-hover, #5526EA); }
.c4r-hs .c4r-hs-go:focus-visible { outline: 3px solid var(--c4r-ink); outline-offset: 2px; }

.c4r-hs-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  z-index: 70;
  min-width: 300px;
  overflow: hidden;
  border: 2px solid var(--c4r-ink);
  background: #fff;
  box-shadow: 0 24px 48px -24px rgba(20, 12, 42, 0.45);
}
.c4r-hs-head {
  margin: 0;
  padding: 10px 14px;
  border-bottom: 1px solid #E5E0EF;
  background: #F6F3FC;
  color: #5B5273;
  font: 500 13px/1.35 var(--c4r-fb);
}
.c4r-hs-list { max-height: min(440px, 70vh); overflow-y: auto; padding: 6px; }
.c4r-hs-group,
.c4r-hs-panel [role='group'] > p:first-child {
  margin: 0;
  padding: 10px 8px 4px;
  color: var(--c4r-violet);
  font: italic 700 13px/1 var(--c4r-fd);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.c4r-hs-row,
.c4r-hs-all {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  padding: 6px 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--c4r-ink);
  text-align: left;
  cursor: pointer;
}
.c4r-hs-row:hover,
.c4r-hs-panel [role='group'] button:hover { background: #F1ECFF; }
.c4r-hs-row:focus-visible,
.c4r-hs-all:focus-visible { outline: 2px solid var(--c4r-violet); outline-offset: -2px; }
.c4r-hs-chip {
  display: grid;
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  background: #F1ECFF;
  color: var(--c4r-violet);
}
.c4r-hs-title { display: block; overflow: hidden; color: var(--c4r-ink); font: 600 15px/1.25 var(--c4r-fb); text-overflow: ellipsis; white-space: nowrap; }
.c4r-hs-meta { display: block; overflow: hidden; color: #5B5273; font: 500 12px/1.3 var(--c4r-fb); text-overflow: ellipsis; white-space: nowrap; }
/* `.c4r-hs` prefix: the livery page styles buttons/spans more specifically than one class. */
.c4r-hs .c4r-hs-all {
  margin-top: 6px;
  background: var(--c4r-ink);
  color: #fff;
  font: 600 15px/1.25 var(--c4r-fb);
}
.c4r-hs .c4r-hs-all > * { color: #fff; }
.c4r-hs .c4r-hs-all:hover { background: var(--c4r-violet); }
/* SearchSuggestGroups rows (Tailwind) squared off to match. */
.c4r-hs-panel :is(button, span).rounded-2xl { border-radius: 0; }
.c4r-hs-panel [role='group'] button { min-height: 48px; }

/* Drawer (768-1279 px menu) and phone sheet: the panel sits in the flow under the box. */
.c4r-hs--drawer .c4r-hs-panel,
.c4r-hs--sheet .c4r-hs-panel {
  position: static;
  min-width: 0;
  margin-top: 8px;
  box-shadow: none;
}
.c4r-hs--sheet .c4r-hs-list { max-height: none; }

/* Phone search sheet (HeaderSearchButton): full width over the page, under nothing. */
.c4r-hs-sheet {
  position: fixed;
  inset: 0;
  z-index: 90;
  overflow-y: auto;
  padding: calc(8px + env(safe-area-inset-top, 0px)) 12px 24px;
  background: #fff;
  overscroll-behavior: contain;
}
.c4r-hs-sheet-bar { display: flex; align-items: flex-start; gap: 8px; }
.c4r-hs-sheet-bar .c4r-hs { flex: 1 1 auto; }
.c4r-hs-close {
  display: inline-grid;
  flex: none;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 2px solid var(--c4r-ink);
  border-radius: 0;
  background: #fff;
  color: var(--c4r-ink);
  cursor: pointer;
}
.c4r-hs-close:focus-visible { outline: 3px solid var(--c4r-violet); outline-offset: 2px; }
/* Phone sheet: the keyboard's search key submits and "Search all current adverts" appears as you type,
   so the box keeps its full width for the placeholder. */
.c4r-hs--sheet .c4r-hs-go { display: none; }
.c4r-hs--sheet .c4r-hs-box { padding-right: 12px; }

@media (prefers-reduced-motion: reduce) {
  .c4r-hs-box { transition: none; }
}

.c4r-notification-bell { position: relative; display: inline-flex; flex: 0 0 auto; }
.c4r-notification-live { position: absolute!important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.c4r-notification-trigger { position: relative; display: inline-grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 999px; background: transparent; color: #140c2a; cursor: pointer; }
.c4r-notification-trigger:hover { background: rgba(108,59,255,.09); color: #6c3bff; }
.c4r-notification-trigger:focus-visible { outline: 2px solid #6c3bff; outline-offset: 2px; }
.c4r-notification-count { position: absolute; top: 1px; right: 0; display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border: 2px solid #fff; border-radius: 999px; background: #dc2626; color: #fff; font: 700 12px/1 system-ui,sans-serif; }
.c4r-notification-panel { position: absolute; z-index: 80; top: calc(100% + 8px); right: 0; width: min(380px, calc(100vw - 24px)); max-height: min(560px, calc(100vh - 88px)); overflow: auto; border: 1px solid rgba(20,12,42,.14); border-radius: 14px; background: #fff; color: #140c2a; box-shadow: 0 18px 50px rgba(20,12,42,.2); text-align: left; }
.c4r-notification-head { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 58px; padding: 10px 14px; border-bottom: 1px solid rgba(20,12,42,.1); background: #fff; }
.c4r-notification-head strong { font: 700 18px/1.2 "Barlow Condensed",system-ui,sans-serif; text-transform: uppercase; letter-spacing: .04em; }
.c4r-notification-read-all { min-height: 44px; border: 0; background: transparent; color: #5a28e8; font: 700 13px/1.2 system-ui,sans-serif; cursor: pointer; }
.c4r-notification-read-all:disabled { color: #726c7d; cursor: default; }
.c4r-notification-read-all:focus-visible { outline: 2px solid #6c3bff; outline-offset: 2px; }
.c4r-notification-list { margin: 0; padding: 0; list-style: none; }
.c4r-notification-item { border-bottom: 1px solid rgba(20,12,42,.08); }
.c4r-notification-link,.c4r-notification-copy { display: block; min-height: 64px; padding: 12px 14px; color: inherit; text-decoration: none; }
.c4r-notification-item.is-unread { background: rgba(108,59,255,.06); box-shadow: inset 3px 0 #6c3bff; }
.c4r-notification-link:hover { background: rgba(108,59,255,.08); }
.c4r-notification-link:focus-visible { outline: 2px solid #6c3bff; outline-offset: -3px; }
.c4r-notification-title { display: block; font: 700 14px/1.3 system-ui,sans-serif; }
.c4r-notification-body { display: block; margin-top: 3px; color: #554e62; font: 400 13px/1.4 system-ui,sans-serif; }
.c4r-notification-time { display: block; margin-top: 5px; color: #726c7d; font: 600 12px/1.2 system-ui,sans-serif; }
.c4r-notification-state { margin: 0; padding: 24px 16px; color: #554e62; text-align: center; font: 500 14px/1.45 system-ui,sans-serif; }
.c4r-notification-retry { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 8px; border: 0; background: transparent; color: #5a28e8; font-weight: 700; cursor: pointer; }
@media (max-width: 767px) { .c4r-notification-panel { position: fixed; top: 58px; right: 8px; left: 8px; width: auto; max-height: calc(100vh - 128px); } }

/* C4R mascot (owner-approved preview). Decorative only. */
.c4r-livery .c4r-mascot {
  display: block;
  flex: none;
  max-width: none;
  height: auto;
  pointer-events: none;
  user-select: none;
  -webkit-mask-image: linear-gradient(#000 84%, transparent 100%);
  mask-image: linear-gradient(#000 84%, transparent 100%);
}

/* Homepage (home_search_v2 .hs-bar): a flex row of [bar + rail column] and the mascot.
   Mascot width = 10.7% of the bar width and it starts 14px after the bar's right edge:
   bar + 14 + 0.107 * bar = row  ->  mascot = (row - 14px) * 0.107 / 1.107 = (row - 14px) * 0.0966576.
   It is centred on the 79px bar (12 + 52 + 12 padding + 3 border): the column gets top padding of
   half the mascot height minus 39.5px (mascot height = width * 794 / 677, so half = (row - 14px) * 0.0566810),
   so the mascot never rises into the hero and the bar/rail panel stays one block. */
.c4r-livery .c4r-mascot--hero { display: none; }
@media (min-width: 768px) {
  .c4r-livery.marketplace-home .hs-mascot-row { display: flex; align-items: flex-start; gap: 14px; width: min(100% - 2 * var(--gut), var(--maxw)); margin: 18px auto 0; }
  .c4r-livery.marketplace-home .hs-mascot-col { flex: 1 1 auto; min-width: 0; padding-top: max(0px, calc((100% - 14px) * 0.056681 - 39.5px)); }
  .c4r-livery.marketplace-home .hs-mascot-row :is(.hs-bar, .hs-rail, .hs-summary) { width: auto; margin-left: 0; margin-right: 0; }
  .c4r-livery.marketplace-home .hs-mascot-row .hs-bar { margin-top: 0; }
  .c4r-livery.marketplace-home .hs-mascot-row .c4r-mascot--hero { display: block; width: calc((100% - 14px) * 0.0966576); position: relative; z-index: var(--z-lift); } /* above the page stripe, like .hs-bar */
}
/* Phones: no room beside the search, so the row disappears from layout and the mascot is hidden. */
@media (max-width: 767px) {
  .c4r-livery.marketplace-home :is(.hs-mascot-row, .hs-mascot-col) { display: contents; }
}

/* Header: the still mini sits just before the C4R.co.uk wordmark, facing it, about 2.1x the logo height, centred. */
.c4r-livery header.site-header .brand { display: flex; align-items: center; }
.c4r-livery header.site-header .brand img.c4r-mascot--mini { width: auto; height: 63px; margin-right: 6px; }      /* logo 30px */
/* 768-899: the tablet header row (search min 200px + actions + Menu) has no spare width, so the mini steps out. */
@media (min-width: 768px) and (max-width: 899px) {
  .c4r-livery header.site-header .brand img.c4r-mascot--mini { display: none; }
}
@media (min-width: 1280px) {
  .c4r-livery header.site-header .brand img.c4r-mascot--mini { height: 54.6px; }                                /* logo 26px */
}
@media (max-width: 767px) {
  .c4r-livery header.site-header .brand img.c4r-mascot--mini { height: 33.6px; margin-right: 4px; }             /* logo 24px, 1.4x */
}
@media (max-width: 359px) {
  .c4r-livery header.site-header .brand img.c4r-mascot--mini { display: none; }
}

/* 1280px+: the mini took ~52px from the header row and flex-shrink wrapped the nav labels onto two
   lines ("BROWSE / STOCK"). Brand, nav and actions keep their natural width on one line; only the
   search box gives way (min 180px), with slightly tighter gaps and link padding. Extra .hdr in each
   selector outranks site-header-search.css, which loads after this file. */
@media (min-width: 1280px) {
  .c4r-livery header.site-header .wrap.hdr { gap: 12px; }
  .c4r-livery header.site-header .hdr > :is(.brand, .nav, .hdr-actions) { flex: none; }
  .c4r-livery header.site-header .hdr > .hdr-search { flex: 1 1 240px; min-width: 180px; }
  .c4r-livery header.site-header .hdr :is(.nav a, .signin) { white-space: nowrap; padding: 10px 7px; }
  .c4r-livery header.site-header .hdr :is(.nav a, .signin)::after { left: 7px; right: 7px; }
}

/* Mobile audit 2026-10-10: on the tablet header (768-1279, e.g. a phone in landscape at 844px) "SIGN IN"
   wrapped onto two lines next to the mini; the label stays on one line, the search box gives way. */
@media (min-width: 768px) and (max-width: 1279px) {
  .c4r-livery header.site-header .hdr .signin { white-space: nowrap; }
}

/* Saint review 2 (2026-10-12), R2-1 / R2M-1: the site headers.
   Applies to the livery SiteHeader (homepage, sign-in pages: `.c4r-livery header.site-header`) and the shared
   Navbar on every other page (`.c4r-site-nav`), so both look the same:
   - a longer top bar: 88px tall and up to 1440px wide on desktop (1600px from 1648px screens);
   - Browse stock / How C4R works / Contact... bigger (16px -> 17px) and darker (#07040F), same weight;
   - "Advertise" in the price green #087443 (desktop nav, menu drawer, phone tab bar "Sell");
   - the still mascot mini before the C4R wordmark on EVERY page (the Navbar had none);
   - the header search is never squashed: from 1280px, where the nav links share the row, the search slot is a
     size container; under 300px a Search button (same search, opened as a wide panel) replaces the inline box.
     Phones keep the search icon that opens it full width.
   The 1280+ rule from RELEASES 2026-10-10T02:30Z stays: every nav/action label on one line (nowrap, flex: none).
   Selectors start with `html body` so they outrank site-theme.css, mascot.css, site-header-search.css and
   livery.css whatever order the route chunks load them in; Tailwind utilities are layered and lose anyway. */

/* ---------- Mascot mini on the shared Navbar (all inner pages) ---------- */
html body .c4r-site-nav .c4r-site-nav-home { display: flex; align-items: center; gap: 6px; }
html body .c4r-site-nav img.c4r-site-nav-mascot {
  display: block;
  flex: none;
  width: auto;
  max-width: none;
  height: 56px;
  pointer-events: none;
  user-select: none;
  -webkit-mask-image: linear-gradient(#000 84%, transparent 100%);
  mask-image: linear-gradient(#000 84%, transparent 100%);
}
@media (min-width: 768px) and (max-width: 1023px) {
  html body .c4r-site-nav img.c4r-site-nav-mascot { height: 48px; }
}
@media (max-width: 767px) {
  html body .c4r-site-nav .c4r-site-nav-home { gap: 4px; }
  html body .c4r-site-nav img.c4r-site-nav-mascot { height: 33.6px; }               /* logo 24px, 1.4x like the home header */
}
/* 360-389px: the inner-page bar also carries "How C4R works", Search and Sign in; a slightly smaller mini keeps
   Sign in inside the screen (mobile audit 360x740: it ended 1px past the edge at 33.6px). */
@media (max-width: 389px) {
  html body .c4r-site-nav .c4r-site-nav-home { gap: 3px; }
  html body .c4r-site-nav img.c4r-site-nav-mascot { height: 28px; }
}
@media (max-width: 359px) {
  html body .c4r-site-nav img.c4r-site-nav-mascot { display: none; }
}

/* ---------- "Advertise" in the price green ---------- */
html body .c4r-livery header.site-header .nav a.nav-advertise,
html body .c4r-livery header.site-header .mnav a.nav-advertise,
html body .c4r-site-nav nav a.c4r-nav-advertise,
html body .c4r-site-nav #mobile-menu a[data-advertise] { color: #087443; }
html body .c4r-livery header.site-header .nav a.nav-advertise::after,
html body .c4r-site-nav nav a.c4r-nav-advertise::after { background: #087443; }
html body .c4r-livery header.site-header .nav a.nav-advertise:hover,
html body .c4r-site-nav nav a.c4r-nav-advertise:hover { color: #065F37; }

/* ---------- Desktop search button (shown only when the slot is under 300px) ---------- */
html body .c4r-livery header.site-header .hdr-search-btn,
html body .c4r-site-nav .c4r-nav-search-btn { display: none; }
html body :is(.c4r-livery header.site-header .hdr-search-open, .c4r-site-nav .c4r-nav-search-open) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 16px;
  border: 2px solid #140C2A;
  border-radius: 0;
  background: #fff;
  color: #07040F;
  cursor: pointer;
  font: 700 16px/1 "Barlow Condensed", "Bahnschrift Condensed", "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: border-color .15s, color .15s;
}
html body :is(.c4r-livery header.site-header .hdr-search-open, .c4r-site-nav .c4r-nav-search-open):hover { border-color: #6C3BFF; color: #6C3BFF; }
html body :is(.c4r-livery header.site-header .hdr-search-open, .c4r-site-nav .c4r-nav-search-open):focus-visible { outline: 3px solid #6C3BFF; outline-offset: 2px; }
html body :is(.c4r-livery header.site-header .hdr-search-open, .c4r-site-nav .c4r-nav-search-open) .m-icon {
  width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: square; stroke-linejoin: miter;
}

/* The search panel from that button on desktop: a wide box under the header over a dimmed page
   (phones keep the full-screen sheet from header-search.css). */
@media (min-width: 768px) {
  html body .c4r-hs-sheet {
    padding: 96px 24px 24px;
    background: rgba(20, 12, 42, .55);
  }
  html body .c4r-hs-sheet .c4r-hs-sheet-bar {
    width: min(100%, 760px);
    margin: 0 auto;
    padding: 16px;
    background: #fff;
    box-shadow: 0 20px 40px -20px rgba(20, 12, 42, .5);
  }
}

/* ---------- Desktop: longer bar, bigger darker links ---------- */
@media (min-width: 768px) {
  html body .c4r-livery header.site-header .wrap.hdr { height: 88px; }
}
@media (min-width: 1280px) {
  /* Home / sign-in header: as wide as the inner-page bar (1440px), 24px gutters. */
  html body .c4r-livery header.site-header .wrap.hdr { width: min(100% - 48px, 1440px); gap: 14px; }
  html body .c4r-livery header.site-header .brand img.c4r-mascot--mini { height: 56px; }
  html body .c4r-livery header.site-header .hdr .nav a {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .05em;
    padding: 10px 8px;
    white-space: nowrap;
  }
  html body .c4r-livery header.site-header .hdr .nav a:not([aria-current]):not(.nav-advertise) { color: #07040F; }
  html body .c4r-livery header.site-header .hdr .nav a::after { left: 8px; right: 8px; }

  /* Inner pages (Navbar): same size and colour, weight unchanged (it was 700 there and stays 700). */
  html body .c4r-site-nav nav[aria-label='Main'] { gap: 1rem; }
  html body .c4r-site-nav nav[aria-label='Main'] a { font-size: 17px; letter-spacing: .05em; white-space: nowrap; }
  html body .c4r-site-nav nav[aria-label='Main'] a.text-ink:not(.c4r-nav-advertise) { color: #07040F; }
  html body .c4r-site-nav nav[aria-label='Main'] a.text-ink:not(.c4r-nav-advertise):hover { color: #6C3BFF; }
  html body .c4r-site-nav .c4r-site-nav-bar > * { flex-shrink: 0; }

  /* The search slot takes the room the links leave (flex 1 1 0, up to 560px) and is a size container. */
  html body .c4r-livery header.site-header .hdr > .hdr-search,
  html body .c4r-site-nav .c4r-nav-search-slot {
    display: block;
    flex: 1 1 0;
    min-width: 132px;
    max-width: 560px;
    margin-inline: 4px;
    container-type: inline-size;
    container-name: c4r-hdr-search;
  }
  html body .c4r-site-nav .c4r-nav-search-slot + div { margin-left: 0; }
}
/* Inner pages, 1280-1647px: with the bigger links the box would sit right at the 300px edge and flip when the
   Messages link arrives (it waits for a flag), so it is always the button here: no late swap. */
@media (min-width: 1280px) and (max-width: 1647.98px) {
  html body .c4r-site-nav .c4r-nav-search-slot > .c4r-hs { display: none; }
  html body .c4r-site-nav .c4r-nav-search-slot > .c4r-nav-search-btn { display: flex; justify-content: flex-end; }
}
/* Wide screens: both bars grow to 1600px so the inline box has room beside the bigger links. */
@media (min-width: 1648px) {
  html body .c4r-livery header.site-header .wrap.hdr { width: min(100% - 48px, 1600px); }
  html body .c4r-site-nav .c4r-site-nav-bar { max-width: 1600px; }
}
/* Under 300px the inline box would be squashed: the Search button takes its place (right-aligned). */
@container c4r-hdr-search (max-width: 299.98px) {
  html body .c4r-livery header.site-header .hdr-search > .c4r-hs,
  html body .c4r-site-nav .c4r-nav-search-slot > .c4r-hs { display: none; }
  html body .c4r-livery header.site-header .hdr-search > .hdr-search-btn,
  html body .c4r-site-nav .c4r-nav-search-slot > .c4r-nav-search-btn { display: flex; justify-content: flex-end; }
}

/* ---------- Phones (R2M-1): bigger, darker header label; "Sell" in green ---------- */
@media (max-width: 767px) {
  html body .c4r-site-nav .c4r-nav-phone-how,
  html body .c4r-livery header.site-header .hdr-m-how {
    color: #07040F;
    font-size: 14px;
  }
  html body .c4r-tabbar .c4r-tab-sell .c4r-tab-label { color: #087443; font-weight: 700; }
}
@media (prefers-reduced-motion: reduce) {
  html body :is(.c4r-livery header.site-header .hdr-search-open, .c4r-site-nav .c4r-nav-search-open) { transition: none; }
}

/* C4R mobile release M1 - "Electric Livery" phone chrome, loaded on every route (main bundle).
   Additive only: the tokens are new names, and every layout rule below sits inside
   max-width:767px or targets a class that only the phone markup carries. 768 px and wider are untouched. */
:root {
  --c4r-m-violet: #6C3BFF;
  --c4r-m-violet-700: #4A1FCC;
  --c4r-m-violet-200: #CFC2FF;
  --c4r-m-ink: #140C2A;
  --c4r-m-mist: #F6F3FC;
  --c4r-m-line: #E5E0EF;
  --c4r-m-muted: #5B5273;
  --c4r-m-price: #087443;
  --c4r-m-live: #3DDC84;
  --c4r-m-glass: rgba(20, 12, 42, .55);
  --c4r-m-glass-border: rgba(143, 107, 255, .40);
  --c4r-m-glass-fallback: rgba(20, 12, 42, .90);
  --c4r-m-tabbar-bg: rgba(255, 255, 255, .96);
  --c4r-m-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --c4r-m-font-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
  --c4r-m-font-mono: "Azeret Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --c4r-m-tabbar-h: 64px;
  --c4r-m-tabbar-space: calc(var(--c4r-m-tabbar-h) + env(safe-area-inset-bottom, 0px));
  --c4r-m-ease: cubic-bezier(.2, 0, 0, 1);
}

/* ── Bottom tab bar ─────────────────────────────────────────────────────── */
.c4r-tabbar { display: none; }
/* Phone-only parts of the livery site header (homepage and auth pages). */
.c4r-livery header.site-header .hdr-m { display: none; }
/* Phone-only account links on your own member profile (the "Me" tab's destination). */
.c4r-member .mp-me-links { display: none; }

@media (max-width: 767px) {
  .c4r-tabbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 48;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    height: var(--c4r-m-tabbar-space);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background: var(--c4r-m-tabbar-bg);
    /* Frosted, so card text scrolling underneath does not show through (opaque fallback below). */
    -webkit-backdrop-filter: saturate(1.4) blur(14px);
    backdrop-filter: saturate(1.4) blur(14px);
    border-top: 1px solid var(--c4r-m-line);
    color: var(--c4r-m-muted);
    font-family: var(--c4r-m-font-body);
    transition: transform 180ms var(--c4r-m-ease);
  }
  /* QA P2-5 (Claude): + 24px so the raised "+" block (margin-top -22px) hides too. */
  .c4r-tabbar.is-scroll-hidden {
    transform: translateY(calc(100% + 24px + env(safe-area-inset-bottom, 0px)));
    pointer-events: none;
  }

  .c4r-tabbar .c4r-tab {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 44px;
    color: var(--c4r-m-muted);
    font: 600 12px/14px var(--c4r-m-font-body);
    letter-spacing: .02em;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }
  .c4r-tabbar .c4r-tab:focus-visible { outline: 2px solid var(--c4r-m-violet); outline-offset: -4px; }
  .c4r-tabbar .c4r-tab .m-icon {
    width: 24px;
    height: 24px;
    flex: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: square;
    stroke-linejoin: miter;
  }
  .c4r-tabbar .c4r-tab[aria-current] { color: var(--c4r-m-violet); }
  .c4r-tabbar .c4r-tab[aria-current]::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 22%;
    right: 22%;
    height: 2px;
    background: var(--c4r-m-violet);
    clip-path: polygon(2px 0, 100% 0, calc(100% - 2px) 100%, 0 100%);
  }
  .c4r-tabbar .c4r-tab-label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .c4r-tabbar .c4r-tab-badge {
    position: absolute;
    top: 6px;
    left: calc(50% + 6px);
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    background: var(--c4r-m-violet);
    color: #fff;
    font: 500 11px/16px var(--c4r-m-font-mono);
    text-align: center;
  }
  /* The slanted violet "+ Free" block in the middle. */
  .c4r-tabbar .c4r-tab-sell { color: var(--c4r-m-violet); }
  .c4r-tabbar .c4r-tab-blk {
    position: relative;
    isolation: isolate;
    display: grid;
    place-items: center;
    width: 56px;
    height: 48px;
    margin-top: -22px;
  }
  .c4r-tabbar .c4r-tab-blk::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--c4r-m-violet);
    clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
    box-shadow: 0 8px 24px rgba(108, 59, 255, .12);
  }
  .c4r-tabbar .c4r-tab-blk .m-icon { stroke: #fff; stroke-width: 2; }
  .c4r-tabbar .c4r-tab-av {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    flex: none;
    overflow: hidden;
    border-radius: 50%;
    background: var(--c4r-m-violet-700);
    color: #fff;
    font: italic 800 10px/1 var(--c4r-m-font-display);
    letter-spacing: .02em;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--c4r-m-line);
  }
  .c4r-tabbar .c4r-tab-av :is(picture, img) { display: block; width: 100%; height: 100%; object-fit: cover; }
  .c4r-tabbar .c4r-tab[aria-current] .c4r-tab-av { box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--c4r-m-violet); }

  /* Reserve the bar's height so the footer and the last content stay reachable (no layout shift:
     MobileTabBar sets body.c4r-has-tabbar before the first paint, and the space sits at the very
     bottom). A body class rather than body:has(), so browsers without :has() get the space too. */
  body.c4r-has-tabbar { padding-bottom: var(--c4r-m-tabbar-space); }
  /* Full-height account workspace (its own scroll area) ends above the bar. Its layer sits above
     the bar: the workspace isolates its stacking context (account-livery.css), so without this its
     slide-out sidebar (Log Out at the bottom), the sidebar backdrop and every account dialog would
     be painted under the bar. In normal use the two never overlap; an open overlay now covers the bar. */
  body.c4r-has-tabbar .c4r-account-layout {
    position: relative;
    z-index: 49;
    height: calc(100dvh - var(--c4r-m-tabbar-space));
  }
  /* Bottom-fixed helpers sit above the bar instead of under it. */
  body.c4r-has-tabbar .c4r-compare-tray { bottom: calc(var(--c4r-m-tabbar-space) + 12px); }
  body.c4r-has-tabbar .c4r-cars-actionbar { bottom: var(--c4r-m-tabbar-space); }

  /* Shared navbar (non-home pages): 56 px phone header that slides away while scrolling down.
     The phone / tablet switch lives here, under the same query as isPhone (Navbar.jsx), not in Tailwind's
     max-md variant (width < 48rem): at a fractional width just under 768 px (desktop zoom) the tablet
     header keeps its menu button and drawer, and the phone search / Sign in stay hidden. */
  .c4r-site-nav .c4r-site-nav-bar,
  .c4r-site-nav-spacer { height: 56px; }
  .c4r-site-nav .c4r-site-nav-home { min-height: 44px; }
  .c4r-site-nav .c4r-site-nav-logo { height: 24px; }
  .c4r-site-nav .c4r-nav-phone { display: flex; }
  .c4r-site-nav .c4r-nav-phone-how,
  .c4r-livery header.site-header .hdr-m-how {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    max-width: 76px;
    color: var(--c4r-m-violet);
    /* Keep the shared phone-header label above the 12px floor without increasing the bar height. */
    font: 700 13px/1.05 var(--c4r-m-font-display);
    letter-spacing: .035em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
  }
  .c4r-site-nav :is(.c4r-nav-tablet, .c4r-nav-drawer) { display: none; }
  .c4r-site-nav.is-scroll-hidden { transform: translateY(-100%); }
  .c4r-site-nav { transition: transform 240ms var(--c4r-m-ease); }
  .c4r-site-nav .c4r-nav-phone .m-icon {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: square;
    stroke-linejoin: miter;
  }
  .c4r-site-nav .c4r-nav-phone-signin {
    white-space: nowrap;
    font-family: var(--c4r-m-font-body);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: var(--c4r-m-violet);
  }
  body .c4r-site-theme .c4r-standalone-chat { height: calc(100dvh - 56px); }

  /* Livery site header (homepage, auth pages). Selectors carry `header` so they outrank
     livery.css, which loads later in the route chunks. */
  .c4r-livery header.site-header {
    position: sticky;
    top: 0;
    transition: transform 240ms var(--c4r-m-ease);
  }
  .c4r-livery header.site-header.is-scroll-hidden { transform: translateY(-100%); }
  .c4r-livery header.site-header .hdr { height: 56px; gap: 12px; }
  .c4r-livery header.site-header .brand { display: flex; align-items: center; min-height: 44px; }
  .c4r-livery header.site-header .brand img { height: 24px; }
  .c4r-livery header.site-header :is(.nav, .hdr-actions, .menu-btn) { display: none; }
  .c4r-livery header.site-header .mnav:not([hidden]) { display: none; }
  .c4r-livery header.site-header .hdr-m { display: flex; align-items: center; gap: 4px; margin-left: auto; }
  .c4r-livery header.site-header .hdr-m-how { flex: 0 1 76px; }
  .c4r-livery header.site-header .hdr-m-ico {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    color: var(--c4r-m-ink);
  }
  .c4r-livery header.site-header .hdr-m-ico:hover { color: var(--c4r-m-violet); }
  .c4r-livery header.site-header .hdr-m-ico .m-icon {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: square;
    stroke-linejoin: miter;
  }
  .c4r-livery header.site-header .hdr-m-signin {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 6px;
    color: var(--c4r-m-violet);
    font: 600 15px/1 var(--c4r-m-font-body);
    text-decoration: none;
    /* Mobile audit 2026-10-10: "Sign / in" wrapped onto two lines at 360-430px. */
    white-space: nowrap;
  }

  @media (max-width: 359px) {
    .c4r-site-nav .c4r-nav-phone-signin,
    .c4r-livery header.site-header .hdr-m-signin { display: none; }
  }

  /* At 200% zoom on a 390px phone the layout viewport is about 195px.
     Keep the logo, route label and 44px Search action readable by folding
     only spacing and the redundant visual width—not any navigation action. */
  @media (max-width: 279px) {
    .c4r-site-nav .c4r-site-nav-bar,
    .c4r-livery header.site-header .hdr {
      padding-inline: 4px;
      gap: 4px;
    }
    .c4r-site-nav .c4r-site-nav-logo,
    .c4r-livery header.site-header .brand img {
      width: auto;
      max-width: 52px;
      object-fit: contain;
    }
    .c4r-site-nav .c4r-nav-phone,
    .c4r-livery header.site-header .hdr-m { gap: 0; }
    .c4r-site-nav .c4r-nav-phone-how,
    .c4r-livery header.site-header .hdr-m-how { max-width: 39px; }
    .c4r-site-nav .c4r-nav-phone > button[aria-label='Search cars, makes or @usernames'] {
      width: 44px;
      height: 44px;
      flex: 0 0 44px;
    }
    .c4r-tabbar .c4r-tab-label {
      overflow: visible;
      white-space: normal;
      overflow-wrap: anywhere;
      text-overflow: clip;
      line-height: 12px;
      text-align: center;
    }
  }

  /* A 320px phone at 200% text exposes roughly 145 CSS px. Preserve the
     44px Search target by folding only horizontal chrome, never an action. */
  @media (max-width: 170px) {
    .c4r-site-nav .c4r-site-nav-bar,
    .c4r-livery header.site-header .hdr {
      padding-inline: 4px;
      gap: 4px;
    }
    .c4r-site-nav .c4r-site-nav-logo,
    .c4r-livery header.site-header .brand img { max-width: 44px; }
    .c4r-site-nav .c4r-nav-phone-how,
    .c4r-livery header.site-header .hdr-m-how {
      max-width: 30px;
      overflow-wrap: anywhere;
    }
  }

  .c4r-livery.c4r-member .mp-me-links { display: flex; flex-wrap: wrap; flex-basis: 100%; gap: 8px; width: 100%; }
  .c4r-livery.c4r-member .mp-me-links a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid var(--c4r-m-line);
    background: #fff;
    color: var(--c4r-m-ink);
    font: 600 14px/1 var(--c4r-m-font-body);
    text-decoration: none;
  }
  .c4r-livery.c4r-member .mp-me-links a:hover { border-color: var(--c4r-m-violet); color: var(--c4r-m-violet); }
  /* "Powered by the People" on the Me tab: a full-width ink tile with the livery slash. */
  .c4r-livery.c4r-member .mp-me-links a.mp-me-people {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 2px 16px;
    width: 100%;
    min-height: 64px;
    padding: 12px 16px;
    border-color: var(--c4r-m-ink);
    background: var(--c4r-m-ink);
    color: #fff;
  }
  .c4r-livery.c4r-member .mp-me-links a.mp-me-people::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -20%;
    right: 58px;
    width: 26px;
    height: 140%;
    background: var(--c4r-m-violet);
    transform: skewX(-14deg);
  }
  /* text keeps clear of the slash (right 58-84px) without a wide column gap */
  .c4r-livery.c4r-member .mp-me-people-k,
  .c4r-livery.c4r-member .mp-me-people-t { padding-right: 28px; }
  .c4r-livery.c4r-member .mp-me-people-k { grid-column: 1; font: italic 800 22px/1 "Barlow Condensed", var(--c4r-m-font-body); text-transform: uppercase; letter-spacing: .005em; }
  .c4r-livery.c4r-member .mp-me-people-t { grid-column: 1; font: 500 11px/1.3 var(--c4r-m-font-mono); letter-spacing: .08em; text-transform: uppercase; color: #C9C0E2; }
  .c4r-livery.c4r-member .mp-me-people-arw { grid-column: 2; grid-row: 1 / span 2; display: grid; place-items: center; width: 32px; height: 32px; background: #fff; color: var(--c4r-m-ink); font: 700 18px/1 var(--c4r-m-font-body); }
  .c4r-livery.c4r-member .mp-me-links a.mp-me-people:hover { border-color: var(--c4r-m-violet); color: #fff; }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .c4r-site-nav { transition: none; }
  .c4r-livery header.site-header { transition: none; }
}

/* No backdrop blur: an opaque bar instead of a see-through one. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  @media (max-width: 767px) {
    .c4r-tabbar { background: #fff; }
  }
}

@media print {
  .c4r-tabbar { display: none !important; }
}

/* Compact card info box (Saint 2026-10-11: "make the box underneath the car photo cleaner, there's too
   much space"). Every compact card (home, /cars, similar, saved, recently viewed, guides, town pages,
   dealer / profile stock) draws the same four tight rows under the photo:
     1. green price, with the yellow plate on the right (it drops under the price only when both do not fit);
     2. make + model on one line ("Tesla" upright, "Model S" in the italic display face), two at most;
     3. the trim, muted, one line;
     4. "84,650 mi · Electric · Auto" (+ the town from 768px), muted, one line, at the foot so a row's
        facts line up.
   Class names are new (car-info, car-cost, car-name, car-trim, car-line, car-plate), so none of the
   older .car-body / .car-price / .car-title layers (home, M1, M2, D1, unified, rich) reach them.
   Nothing under 12px; square corners; line-heights about 1.2-1.3. */
.c4r-livery .cars > article.car > .car-info {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 8px 10px 9px;
  background: #fff;
}
.c4r-livery .cars > article.car > .car-info > * { min-width: 0; margin: 0; }
.c4r-livery .cars > article.car > .car-info > .car-info-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 3px 6px;
}
.c4r-livery .cars > article.car > .car-info .car-cost { margin: 0; padding: 0; }
.c4r-livery .cars > article.car > .car-info .car-cost strong {
  display: block;
  color: #087443;
  font: 800 20px/22px var(--fd);
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: .01em;
  white-space: nowrap;
}
.c4r-livery .cars > article.car > .car-info .car-plate {
  flex: none;
  height: 18px;
  margin: 0;
  padding: 0 5px;
  font-size: 12px;
  letter-spacing: .04em;
}
.c4r-livery .cars > article.car > .car-info > .car-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  margin-top: 3px;
  overflow: hidden;
  overflow-wrap: anywhere;
  color: var(--ink);
  font: 400 16px/19px var(--fd);
  letter-spacing: .005em;
  text-transform: none;
}
.c4r-livery .cars > article.car > .car-info > .car-name a { color: inherit; text-decoration: none; }
/* The whole card is this one link (stretched over the card, under the photo's buttons). */
.c4r-livery .cars > article.car > .car-info > .car-name a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.c4r-livery .cars > article.car > .car-info > .car-name a:focus-visible { outline: none; }
.c4r-livery .cars > article.car:has(> .car-info > .car-name a:focus-visible) { outline: 2px solid var(--violet); outline-offset: 2px; }
.c4r-livery .cars > article.car > .car-info .car-name-make { color: var(--violet); font-weight: 600; font-style: normal; }
.c4r-livery .cars > article.car > .car-info .car-name-model { font-weight: 800; font-style: italic; }
.c4r-livery .cars > article.car > .car-info > .car-trim {
  margin-top: 1px;
  overflow: hidden;
  color: var(--muted);
  font: 400 12px/15px var(--fb);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c4r-livery .cars > article.car > .car-info > .car-line {
  margin-top: auto;
  padding-top: 4px;
  overflow: hidden;
  color: var(--muted);
  font: 500 12px/15px var(--fb);
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c4r-livery .cars > article.car > .car-info .car-li:not(:last-child)::after { content: "\00a0\00b7"; }
.c4r-livery .cars > article.car > .car-info > .car-near {
  margin-top: 3px;
  color: #5b21b6;
  font: 700 12px/15px var(--fb);
  letter-spacing: .02em;
}

/* Phones and tablets (below 768px): mileage, fuel and gearbox on one line; the town would only show cut
   short ("Nunea...") on a half-width card, so it stays on the advert. Below 360px: mileage and fuel. */
@media (max-width: 767px) {
  .c4r-livery .cars > article.car > .car-info .car-li-town { display: none; }
  .c4r-livery .cars > article.car > .car-info .car-li:has(+ .car-li-town)::after { content: none; }
}
@media (max-width: 359px) {
  .c4r-livery .cars > article.car > .car-info .car-li-gearbox { display: none; }
  .c4r-livery .cars > article.car > .car-info .car-li:has(+ .car-li-gearbox)::after { content: none; }
  .c4r-livery .cars > article.car > .car-info { padding: 7px 8px 8px; }
  /* 320px phones: "£10,995" and "AB12 CDE" still share the first row (the plate drops under 6-figure prices). */
  .c4r-livery .cars > article.car > .car-info > .car-info-top { column-gap: 4px; }
  .c4r-livery .cars > article.car > .car-info .car-cost strong { font-size: 18px; line-height: 20px; letter-spacing: 0; }
  .c4r-livery .cars > article.car > .car-info .car-plate { padding: 0 4px; letter-spacing: .02em; }
  .c4r-livery .cars > article.car > .car-info > .car-name { font-size: 15px; line-height: 18px; }
}
@media (min-width: 768px) {
  .c4r-livery .cars > article.car > .car-info { padding: 10px 12px 12px; }
  .c4r-livery .cars > article.car > .car-info .car-cost strong { font-size: 22px; line-height: 24px; }
  .c4r-livery .cars > article.car > .car-info .car-plate { height: 20px; padding: 0 6px; font-size: 13px; letter-spacing: .05em; }
  .c4r-livery .cars > article.car > .car-info > .car-name { margin-top: 5px; font-size: 17px; line-height: 20px; }
  .c4r-livery .cars > article.car > .car-info > .car-trim { margin-top: 1px; font-size: 13px; line-height: 16px; }
  .c4r-livery .cars > article.car > .car-info > .car-line { padding-top: 6px; line-height: 16px; }
}
/* /cars beside the filter rail: the cards are narrower than the homepage's, so the town (on the advert and
   in the filters) would show cut short; the line keeps mileage, fuel and gearbox. */
.c4r-livery .cars.c4r-d1-cars > article.car > .car-info .car-li-town { display: none; }
.c4r-livery .cars.c4r-d1-cars > article.car > .car-info .car-li:has(+ .car-li-town)::after { content: none; }
.c4r-livery .car-delivery-chips { display: flex; min-width: 0; gap: 4px; margin: 4px 0 0; overflow: hidden; white-space: nowrap; }
.c4r-livery .car-delivery-chips > span { display: block; min-width: 0; min-height: 22px; overflow: hidden; padding: 4px 6px; border: 1px solid #d8cdf5; background: #faf7ff; color: #4c2a91; font-size: 12px; font-weight: 700; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.c4r-livery .car-delivery-chips > span:first-child { flex: 1 1 auto; }
.c4r-livery .car-delivery-chips > span:last-child:not(:first-child) { flex: 0 1 auto; }

@media (min-width: 1600px) {
  .c4r-livery .cars > article.car > .car-info .car-cost strong { font-size: 24px; line-height: 26px; }
  .c4r-livery .cars > article.car > .car-info > .car-name { font-size: 18px; line-height: 21px; }
}

/* Saint 2026-10-09: the reg as a UK rear number plate (components/shared/RegPlate.jsx).
   Rear-plate yellow #FFD500, black glyphs. The face is Barlow Condensed 700 upright (self-hosted,
   SIL Open Font License), a bold condensed sans close to the Charles Wright plate lettering; no
   plate-specific font is bundled. Every text size is at least 12px. */
.c4r-regplate {
  --c4r-regplate-yellow: #FFD500;
  display: inline-flex;
  align-items: stretch;
  box-sizing: border-box;
  max-width: 100%;
  background: var(--c4r-regplate-yellow);
  color: #000;
  border: 1px solid rgba(0, 0, 0, .62);
  border-radius: 3px;
  font-family: "Barlow Condensed", "Bahnschrift Condensed", "Roboto Condensed", "Arial Narrow", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}
.c4r-regplate__text { display: inline-flex; align-items: center; }

/* Cards: small and crisp. 13px glyphs (12px on the smallest phone cards). */
.c4r-regplate--sm { font-size: 13px; height: 20px; padding: 0 6px; }

/* Advert page: larger, with the blue UK identifier band. */
.c4r-regplate--lg {
  font-size: 26px;
  height: 44px;
  border-width: 2px;
  border-color: #000;
  border-radius: 5px;
  letter-spacing: .07em;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .08);
}
.c4r-regplate--lg .c4r-regplate__text { padding: 0 14px 0 12px; }
.c4r-regplate__band {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  min-width: 26px;
  padding: 0 4px 5px;
  background: #00309A;
  color: #fff;
  border-radius: 3px 0 0 3px;
  font: 700 12px/1 "Barlow", "Segoe UI", Arial, sans-serif;
  letter-spacing: .04em;
}
@media (max-width: 767px) {
  .c4r-regplate--lg { font-size: 22px; height: 38px; }
  .c4r-regplate--lg .c4r-regplate__text { padding: 0 11px 0 9px; }
}
@media (forced-colors: active) {
  .c4r-regplate { border: 1px solid CanvasText; }
}

/* Saint 2026-10-11: on a card the plate sits in the info box, never on the photo: its own line under
   the model / trim, pushed to the foot so the plates in a row line up, with the facts (or the data
   line) under it. Cards without a public reg render nothing, so there is no empty gap. The grids
   that lay the body out with grid areas (/cars D1 and M2) give it its own row. */
.c4r-livery .cars > article.car .car-body > .car-reg {
  order: 4;
  flex: none;
  align-self: flex-start;
  justify-self: start;
  margin: auto 0 0;
}
.c4r-livery .cars > article.car.is-rich .car-body > .car-reg { order: 5; }
.c4r-livery .cars > article.car .car-body > :has(+ .car-reg) { margin-bottom: 8px; }
.c4r-livery .cars > article.car .car-body > .car-reg + :is(.car-facts, .car-data, .car-price) { margin-top: 8px; }
@media (min-width: 768px) {
  .c4r-livery .cars > article.car .car-body > .car-reg { font-size: 14px; height: 22px; padding: 0 7px; }
  .c4r-livery .cars > article.car .car-body > :has(+ .car-reg) { margin-bottom: 10px; }
  .c4r-livery .cars > article.car .car-body > .car-reg + :is(.car-facts, .car-data, .car-price) { margin-top: 10px; }
}
@media (max-width: 359px) {
  .c4r-livery .cars > article.car.is-compact .car-body > .car-reg { font-size: 12px; height: 18px; padding: 0 5px; letter-spacing: .03em; }
}

/* Advert page: under the title. */
.c4r-adv-reg { margin-top: 10px; }

/* C4R History Check (flag history_check): the advert card, the header badge and the card tick.
   Electric Livery: white square card, 3px violet top rule, Barlow Condensed italic uppercase heading with
   the -14deg violet slash, hairline rows, ink text. Price green only for good news. No glow, no blur,
   nothing under 12px, 44px tap targets. Every rule is scoped to .c4r-hc, .c4r-hcb or .c4r-hc-card,
   which exist only while the flag is on. */

.c4r-hc,
.c4r-hcb,
.c4r-hc-card {
  --hc-violet: var(--c4r-violet, #6C3BFF);
  --hc-violet-100: #EDE7FF;
  --hc-ink: var(--c4r-ink, #140C2A);
  --hc-mist: var(--c4r-mist, #F6F3FC);
  --hc-line: var(--c4r-line, #E5E0EF);
  --hc-muted: var(--c4r-muted, #5B5273);
  --hc-green: #087443;
  --hc-green-bg: #E7F7EF;
  --hc-display: var(--c4r-fd, "Barlow Condensed", "Arial Narrow", sans-serif);
  --hc-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
  --hc-mono: var(--c4r-fm, "Azeret Mono", ui-monospace, "SFMono-Regular", Menlo, monospace);
}

/* ── The card ── */
.c4r-hc {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  margin: 0 0 20px;
  padding: 24px 16px 20px;
  border: 1px solid var(--hc-line);
  border-top: 3px solid var(--hc-violet);
  border-radius: 0;
  background: #fff;
  color: var(--hc-ink);
  font-family: var(--hc-body);
  scroll-margin-top: 136px;
}
.c4r-hc *, .c4r-hc *::before, .c4r-hc *::after { box-sizing: border-box; }

.c4r-hc .c4r-hc-head { display: flex; flex-direction: column; align-items: center; gap: 10px; margin: 0 auto 18px; max-width: 62ch; text-align: center; }
.c4r-hc .c4r-hc-kicker {
  margin: 0;
  color: var(--hc-violet);
  font: 600 12px/1.3 var(--hc-mono);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.c4r-hc .c4r-hc-title {
  position: relative;
  display: inline-block;
  margin: 0;
  padding-left: 22px;
  color: var(--hc-ink);
  font: italic 800 28px/1.05 var(--hc-display);
  letter-spacing: .01em;
  text-transform: uppercase;
}
.c4r-hc .c4r-hc-title:focus { outline: none; }
.c4r-hc .c4r-hc-title:focus-visible { outline: 2px solid var(--hc-violet); outline-offset: 4px; }
.c4r-hc .c4r-hc-title::before {
  content: "";
  position: absolute;
  left: 2px;
  top: .12em;
  bottom: .14em;
  width: 8px;
  background: var(--hc-violet);
  transform: skewX(-14deg);
}
.c4r-hc .c4r-hc-summary { margin: 0; color: var(--hc-ink); font: 400 16px/1.5 var(--hc-body); }

/* ── Rows ── */
.c4r-hc .c4r-hc-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--hc-line); }
.c4r-hc .c4r-hc-item {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  column-gap: 12px;
  padding: 16px 0;
  border-bottom: 1px solid var(--hc-line);
}
.c4r-hc .c4r-hc-mark { width: 28px; height: 28px; margin-top: 1px; }
.c4r-hc .c4r-hc-body { min-width: 0; }
.c4r-hc .c4r-hc-h3 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  margin: 0 0 6px;
  font: italic 800 20px/1.15 var(--hc-display);
  letter-spacing: .01em;
  text-transform: uppercase;
}
.c4r-hc .c4r-hc-verdict {
  color: var(--hc-muted);
  font: 700 14px/1.3 var(--hc-body);
  font-style: normal;
  letter-spacing: 0;
  text-transform: none;
}
.c4r-hc .c4r-hc-item.is-good .c4r-hc-verdict { color: var(--hc-green); }
.c4r-hc .c4r-hc-item.is-check .c4r-hc-verdict { color: var(--hc-ink); }
.c4r-hc .c4r-hc-line { margin: 0 0 6px; color: var(--hc-ink); font: 400 15px/1.5 var(--hc-body); overflow-wrap: anywhere; }
.c4r-hc .c4r-hc-line:last-child { margin-bottom: 0; }

.c4r-hc .c4r-hc-sub { display: grid; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.c4r-hc .c4r-hc-sub > li {
  display: grid;
  gap: 2px;
  padding: 10px 12px;
  border-left: 3px solid var(--hc-line);
  background: var(--hc-mist);
}
.c4r-hc .c4r-hc-sub > li.is-current,
.c4r-hc .c4r-hc-sub > li.is-flag { border-left-color: var(--hc-violet); }
.c4r-hc .c4r-hc-sub-title { color: var(--hc-ink); font: 700 15px/1.35 var(--hc-body); }
.c4r-hc .c4r-hc-sub-when { color: var(--hc-muted); font: 500 13px/1.4 var(--hc-body); }
.c4r-hc .c4r-hc-sub-quote { color: var(--hc-ink); font: italic 400 14px/1.45 var(--hc-body); overflow-wrap: anywhere; }
.c4r-hc .c4r-hc-sub-text { color: var(--hc-ink); font: 400 15px/1.45 var(--hc-body); }

/* Marks: good = price green, check = ink (neutral, never red), info = violet. */
.c4r-hc .c4r-hc-mark .is-ring { fill: var(--hc-violet-100); }
.c4r-hc .c4r-hc-mark path { stroke: var(--hc-violet); }
.c4r-hc .c4r-hc-mark .is-dot { fill: var(--hc-violet); }
.c4r-hc .is-good > .c4r-hc-mark .is-ring { fill: var(--hc-green); }
.c4r-hc .is-good > .c4r-hc-mark path { stroke: #fff; }
.c4r-hc .is-check > .c4r-hc-mark .is-ring { fill: var(--hc-ink); }
.c4r-hc .is-check > .c4r-hc-mark path { stroke: #fff; }
.c4r-hc .is-check > .c4r-hc-mark .is-dot { fill: #fff; }

/* ── Readings ── */
.c4r-hc .c4r-hc-fold { margin: 10px 0 0; }
.c4r-hc .c4r-hc-fold > summary {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 2px;
  color: var(--hc-violet);
  font: 700 15px/1.3 var(--hc-body);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.c4r-hc .c4r-hc-fold > summary:focus-visible { outline: 2px solid var(--hc-violet); outline-offset: 2px; }
.c4r-hc .c4r-hc-table { width: 100%; max-width: 420px; margin-top: 6px; border-collapse: collapse; font: 400 14px/1.4 var(--hc-body); font-variant-numeric: tabular-nums; }
.c4r-hc .c4r-hc-table th {
  padding: 6px 8px;
  border-bottom: 1px solid var(--hc-line);
  color: var(--hc-muted);
  font: 500 12px/1.3 var(--hc-mono);
  letter-spacing: .08em;
  text-align: left;
  text-transform: uppercase;
}
.c4r-hc .c4r-hc-table td { padding: 6px 8px; border-bottom: 1px solid var(--hc-line); }
.c4r-hc .c4r-hc-table td:last-child, .c4r-hc .c4r-hc-table th:last-child { text-align: right; }
.c4r-hc .c4r-hc-table tr.is-flag td { background: var(--hc-mist); font-weight: 700; }
.c4r-hc .c4r-hc-table-note { color: var(--hc-muted); font: 500 12px/1.3 var(--hc-body); }

.c4r-hc .c4r-hc-foot { margin-top: 16px; }
.c4r-hc .c4r-hc-foot p { margin: 0 0 6px; color: var(--hc-muted); font: 400 13px/1.5 var(--hc-body); }
.c4r-hc .c4r-hc-foot p:last-child { margin-bottom: 0; }

.c4r-hc .vh,
.c4r-hc-card .vh {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* ── Badge (panel heading and advert header) ── */
.c4r-hcb {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  min-height: 36px;
  margin: 0;
  padding: 4px 14px 4px 6px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-family: var(--hc-body);
  text-decoration: none;
  vertical-align: middle;
}
.c4r-hcb .c4r-hcb-glyph { flex: 0 0 auto; width: 24px; height: 24px; }
.c4r-hcb .c4r-hcb-label { font: 700 15px/1.2 var(--hc-body); }
.c4r-hcb .c4r-hcb-brand { font: 600 12px/1.2 var(--hc-mono); letter-spacing: .06em; text-transform: uppercase; opacity: .85; white-space: nowrap; }
.c4r-hcb.is-good { border-color: #BFE6D1; background: var(--hc-green-bg); color: var(--hc-green); }
.c4r-hcb.is-good .c4r-hcb-glyph .is-ring { fill: var(--hc-green); }
.c4r-hcb.is-good .c4r-hcb-glyph path { stroke: #fff; }
.c4r-hcb.is-check { border-color: var(--hc-line); background: var(--hc-mist); color: var(--hc-ink); }
.c4r-hcb.is-check .c4r-hcb-glyph .is-ring { fill: var(--hc-ink); }
.c4r-hcb.is-check .c4r-hcb-glyph path { stroke: #fff; }
.c4r-hcb.is-check .c4r-hcb-glyph .is-dot { fill: #fff; }
.c4r-hcb.is-link { min-height: 44px; margin-top: 10px; cursor: pointer; }
.c4r-hcb.is-link:hover .c4r-hcb-label { text-decoration: underline; text-underline-offset: 3px; }
.c4r-hcb.is-link:focus-visible { outline: 2px solid var(--hc-violet); outline-offset: 2px; }
/* The advert header badge sits under the title and plate, on its own line. */
.c4r-adv .c4r-adv-h1wrap > .c4r-hcb.is-link { display: flex; width: fit-content; }

/* ── Card tick: after the mileage on car cards ── */
.c4r-hc-card { display: inline-flex; align-items: center; margin-left: 4px; vertical-align: -3px; }
.c4r-hc-card .c4r-hc-card-glyph { width: 14px; height: 14px; }
.c4r-hc-card .c4r-hc-card-glyph .is-ring { fill: var(--hc-green); }
.c4r-hc-card .c4r-hc-card-glyph path { stroke: #fff; stroke-width: 2.6; }

@media (min-width: 768px) {
  .c4r-hc { padding: 32px 32px 24px; }
  .c4r-hc .c4r-hc-title { font-size: 34px; }
  .c4r-hc .c4r-hc-item { grid-template-columns: 32px minmax(0, 1fr); column-gap: 16px; padding: 18px 0; }
  .c4r-hc .c4r-hc-mark { width: 32px; height: 32px; }
  .c4r-hc .c4r-hc-h3 { font-size: 22px; }
  .c4r-hc .c4r-hc-line { font-size: 16px; }
  .c4r-hc .c4r-hc-sub { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 359px) {
  .c4r-hc { padding: 20px 12px 16px; }
  .c4r-hcb .c4r-hcb-brand { display: none; }
}


/* G28 "Must have" (flag feature_filters): "Seller lists" on cards and adverts. Electric Livery: violet / ink,
   Barlow, slanted chips (no pills), 12px+ text, 44px taps, never wider than the screen. */
.c4r-sf-vh {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* Card row: one line, ellipsis, rarest first. The card is one link, so the row is plain text. */
.car-feat,
.c4r-livery .cars > article.car > .car-info > .car-feat {
  min-height: 16px;
  margin: 3px 0 0;
  overflow: hidden;
  color: var(--muted, #5B5273);
  font: 500 12px/16px var(--fb, "Barlow", "Segoe UI", Arial, sans-serif);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.car-body > .car-feat { margin-top: 8px; }
.car-feat .car-feat-k { margin-right: 4px; font-weight: 600; }
.car-feat .car-feat-v { color: var(--violet-700, #5526EA); font-weight: 700; }
.car-feat .car-feat-v + .car-feat-v::before { content: "\00a0\00b7\00a0"; color: var(--muted, #5B5273); font-weight: 500; }

/* Advert line: "Seller lists:" then the chips, then whose description it is. */
.c4r-sf {
  max-width: 100%;
  margin: 18px 0 0;
  min-width: 0;
}
.c4r-sf .c4r-sf-h {
  margin: 0 0 8px;
  color: var(--ink, #140C2A);
  font: italic 800 20px/1.1 var(--fd, "Barlow Condensed", "Arial Narrow", Arial, sans-serif);
  letter-spacing: .01em;
}
.c4r-sf .c4r-sf-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.c4r-sf .c4r-sf-list > li { min-width: 0; max-width: 100%; margin: 0; padding: 0; }
.c4r-sf .c4r-sf-chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 44px;
  padding: 0 16px 0 14px;
  background: var(--lilac-50, #F1ECFF);
  color: var(--violet-900, #2A1273);
  font: 600 15px/1.2 var(--fb, "Barlow", "Segoe UI", Arial, sans-serif);
  text-decoration: none;
  clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
  transition: background-color var(--t-fast, .15s) ease, color var(--t-fast, .15s) ease;
}
.c4r-sf .c4r-sf-chip::before {
  content: "";
  flex: none;
  width: 10px;
  height: 6px;
  margin-right: 8px;
  background: var(--violet, #6C3BFF);
  clip-path: polygon(2px 0, 100% 0, calc(100% - 2px) 100%, 0 100%);
}
.c4r-sf .c4r-sf-chip > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c4r-sf .c4r-sf-chip:hover { background: var(--violet, #6C3BFF); color: #fff; }
.c4r-sf .c4r-sf-chip:hover::before { background: #fff; }
.c4r-sf .c4r-sf-chip:focus-visible { outline: 3px solid var(--violet, #6C3BFF); outline-offset: 2px; clip-path: none; }
.c4r-sf .c4r-sf-more {
  display: none;
  min-height: 44px;
  margin: 4px 0 0;
  padding: 0 4px;
  border: 0;
  background: none;
  color: var(--violet-700, #5526EA);
  font: 700 15px/1 var(--fb, "Barlow", "Segoe UI", Arial, sans-serif);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.c4r-sf .c4r-sf-more:focus-visible { outline: 3px solid var(--violet, #6C3BFF); outline-offset: 2px; }
.c4r-sf .c4r-sf-note {
  margin: 8px 0 0;
  color: var(--muted, #5B5273);
  font: 500 13px/1.45 var(--fb, "Barlow", "Segoe UI", Arial, sans-serif);
}

/* Phones: one row of three chips (each may end in an ellipsis), the rest behind "+N more". */
@media (max-width: 767px) {
  .c4r-sf .c4r-sf-list { flex-wrap: nowrap; overflow: hidden; }
  .c4r-sf .c4r-sf-list > li { flex: 0 1 auto; }
  .c4r-sf .c4r-sf-list > li:nth-child(n + 4) { display: none; }
  .c4r-sf .c4r-sf-chip { width: 100%; padding: 0 12px 0 10px; font-size: 14px; }
  .c4r-sf .c4r-sf-more { display: inline-flex; align-items: center; }
  .c4r-sf.is-open .c4r-sf-list { flex-wrap: wrap; overflow: visible; }
  .c4r-sf.is-open .c4r-sf-list > li:nth-child(n + 4) { display: block; }
  .c4r-sf.is-open .c4r-sf-list > li { flex: 0 1 auto; }
}

/* Card photo chips (Saint 2026-10-11): one fixed place for each, so they never collide.
   Year: top left. Save / compare: top right. Photo count or "1/12": bottom right.
   Condition ("Nearly new") and "New in": bottom left, diagonally opposite the year, stacked when
   both show. The reg plate is never on the photo (it is in the info box, reg-plate-badge.css).
   The rich card (rich-card.css) already draws these chips the same way; these rules bring the
   shared / guide / town cards into line. Slanted square chips, no pills, no shadow, 12px+ text. */
.c4r-livery article.car > .car-media > :is(.car-condition, .car-new-week) {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 8px;
  left: 8px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 9px;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  color: var(--ink);
  font: italic 800 12px/1 var(--fd);
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%);
  pointer-events: none;
}
.c4r-livery article.car > .car-media > .car-condition { background: var(--violet); color: #fff; }
.c4r-livery article.car > .car-media > .car-condition ~ .car-new-week { bottom: 32px; }

/* From 768px the compact cards outside the D1 grids (similar cars, saved, guides, town pages) drew
   the year as the old large bottom-left flag, right where "New in" goes; they take the same small
   top-left chip as the homepage and /cars cards. */
@media (min-width: 768px) {
  .c4r-livery article.car.is-compact > .car-media > .car-year {
    top: 10px;
    right: auto;
    bottom: auto;
    left: 10px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 11px;
    background: var(--violet);
    color: #fff;
    font: italic 800 15px/1 var(--fd);
    letter-spacing: .03em;
    clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
    pointer-events: none;
  }
}

/* Below 360px the shared card's compare + save pair (88px of 44px taps) reached the year chip; the
   pair tucks 1px closer to the edge and the year chip narrows by 4px so they stay apart. */
@media (max-width: 359px) {
  .c4r-livery .cars.c4r-unified-card-grid > article.car > .car-media > .car-year { padding: 0 7px; }
  .c4r-livery .cars.c4r-unified-card-grid > article.car .unified-card-actions { right: 4px; gap: 1px; }
}

/* Saint review 2 (2026-10-12), R2-5 / R2M-5: listing cards.
   - Photo badges never cover the car: the year, "New in", condition, the photo count and the phone "1/12"
     are tiny translucent chips flush in the photo's corners (18px tall, 12px text): year top left,
     "New in" / condition bottom left (stacked), count bottom right. Save / compare stay top right.
   - The info box: green price (bolder) + the yellow plate (thicker black outline), then the seller's TITLE
     and SUBTITLE (one line each, ellipsis), then the make + model line (one line), then the facts line
     ("84,650 mi · Hybrid · Automatic"), which wraps between facts instead of abbreviating, at the foot.
   - Homepage desktop: one fewer card per row (4 / 5 / 6 / 7 from 960 / 1280 / 1600 / 1920px, home.css D2 block)
     so the boxes are bigger; HOME_CARD_SIZES in utils/compactCard.mjs keeps in step.
   Selectors start with `html body` and double the media / chip class so they outrank rich-card.css (0,6,0),
   desktop-d1-*.css, mobile-m1-card.css, card-chips.css and card-info.css whatever the chunk order.
   Nothing under 12px. Equal card heights per row and the compact layout (2026-10-11) are kept. */

/* ---------- Photo chips: tiny, translucent, flush in the corners ----------
   (display is left to the existing rules: phones show "1/12" instead of the count on carousels.) */
html body .c4r-livery article.car > .car-media.car-media > .car-year.car-year,
html body .c4r-livery article.car > .car-media.car-media > .car-new-week.car-new-week,
html body .c4r-livery article.car > .car-media.car-media > .car-condition.car-condition,
html body .c4r-livery article.car > .car-media.car-media > .car-photo-count.car-photo-count,
html body .c4r-livery article.car > .car-media.car-media > .car-photo-position.car-photo-position {
  position: absolute;
  z-index: 2;
  align-items: center;
  height: 18px;
  margin: 0;
  padding: 0 5px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  clip-path: none;
  background: rgba(20, 12, 42, .58);
  color: #fff;
  font: 600 12px/18px "Barlow Condensed", "Bahnschrift Condensed", "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  font-style: normal;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html body .c4r-livery article.car > .car-media.car-media > .car-year.car-year { top: 0; right: auto; bottom: auto; left: 0; background: rgba(108, 59, 255, .78); }
html body .c4r-livery article.car > .car-media.car-media > .car-new-week.car-new-week,
html body .c4r-livery article.car > .car-media.car-media > .car-condition.car-condition { top: auto; right: auto; bottom: 0; left: 0; }
html body .c4r-livery article.car > .car-media.car-media > .car-new-week.car-new-week { background: rgba(255, 255, 255, .82); color: #140C2A; }
html body .c4r-livery article.car > .car-media.car-media > .car-condition.car-condition ~ .car-new-week.car-new-week { bottom: 18px; }
html body .c4r-livery article.car > .car-media.car-media > .car-photo-count.car-photo-count,
html body .c4r-livery article.car > .car-media.car-media > .car-photo-position.car-photo-position { top: auto; right: 0; bottom: 0; left: auto; font-family: "Azeret Mono", ui-monospace, Menlo, Consolas, monospace; font-weight: 500; letter-spacing: 0; text-transform: none; }

/* ---------- Info box ---------- */
/* Price: bolder (the face tops out at 800 upright, so a hair of stroke in the same green) and a touch larger. */
html body .c4r-livery .cars > article.car > .car-info.car-info .car-cost strong {
  font-weight: 800;
  font-size: 22px;
  line-height: 24px;
  -webkit-text-stroke: .5px #087443;
}
/* Reg plate: a thicker black outline. */
html body .c4r-livery .cars > article.car > .car-info.car-info .car-plate { border: 2px solid #000; border-radius: 3px; }

/* The seller's title and subtitle, one line each. */
html body .c4r-livery .cars > article.car > .car-info.car-info > .car-seller-title,
html body .c4r-livery .cars > article.car > .car-info.car-info > .car-seller-sub {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html body .c4r-livery .cars > article.car > .car-info.car-info > .car-seller-title {
  margin-top: 5px;
  color: #140C2A;
  font: 700 13px/16px "Barlow", "Bahnschrift", "Segoe UI", Arial, sans-serif;
}
html body .c4r-livery .cars > article.car > .car-info.car-info > .car-seller-sub {
  margin-top: 1px;
  color: #5B5273;
  font: 500 12px/15px "Barlow", "Bahnschrift", "Segoe UI", Arial, sans-serif;
}
/* Make + model: one line now that the title sits above it. */
html body .c4r-livery .cars > article.car > .car-info.car-info > .car-name {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: unset;
  line-clamp: none;
}
/* Facts: "Automatic" in full; the line wraps between facts (never inside one) instead of abbreviating. */
html body .c4r-livery .cars > article.car > .car-info.car-info > .car-line {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
html body .c4r-livery .cars > article.car > .car-info.car-info .car-li { white-space: nowrap; }

/* Phones (R2M-5): the gearbox, in full, always starts the facts' second line, so every card has the same two
   lines (equal heights even where cards sit in separate wrappers, e.g. similar cars). Below 360px it stays
   hidden (card-info.css) and the line is mileage + fuel. */
@media (min-width: 360px) and (max-width: 767px) {
  html body .c4r-livery .cars > article.car > .car-info.car-info .car-li-gearbox { display: block; }
  html body .c4r-livery .cars > article.car > .car-info.car-info .car-li:has(+ .car-li-gearbox)::after { content: none; }
}
@media (min-width: 768px) {
  html body .c4r-livery .cars > article.car > .car-info.car-info .car-cost strong { font-size: 24px; line-height: 26px; }
  html body .c4r-livery .cars > article.car > .car-info.car-info > .car-seller-title { margin-top: 6px; font-size: 14px; line-height: 17px; }
  html body .c4r-livery .cars > article.car > .car-info.car-info > .car-seller-sub { font-size: 13px; line-height: 16px; }
  html body .c4r-livery .cars > article.car > .car-info.car-info > .car-name { margin-top: 4px; }
}
@media (min-width: 1600px) {
  html body .c4r-livery .cars > article.car > .car-info.car-info .car-cost strong { font-size: 26px; line-height: 28px; }
}
@media (max-width: 359px) {
  html body .c4r-livery .cars > article.car > .car-info.car-info .car-cost strong { font-size: 19px; line-height: 21px; letter-spacing: 0; }
}

/* H134: truthful dealer-availability evidence on listing cards. */
.c4r-livery .car-availability-stamp {
  display: flex;
  min-width: 0;
  margin: 4px 0 0;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  color: #52606d;
  font: 600 12px/15px var(--fb);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c4r-livery .car-availability-stamp-dot {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #087443;
}

.c4r-livery .car-availability-stamp-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Swap my car (flag swap_my_car): the "Open to swaps" chip on a car card photo (bottom left, stacked above the condition / New in tags; never under the save and compare buttons).
   Price green #087443, Barlow Condensed, 12px minimum. */
html body .c4r-livery article.car > .car-media.car-media > .car-swap.car-swap {
  position: absolute; z-index: 2; top: auto; right: auto; bottom: 0; left: 0; display: inline-flex; align-items: center; gap: 3px;
  height: 18px; margin: 0; padding: 0 5px; background: rgba(8, 116, 67, .9); color: #fff;
  font: 600 12px/18px "Barlow Condensed", "Bahnschrift Condensed", "Arial Narrow", Arial, sans-serif;
  letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; pointer-events: none;
}
html body .c4r-livery article.car > .car-media.car-media > .car-swap.car-swap svg { width: 12px; height: 12px; }
html body .c4r-livery article.car > .car-media.car-media > :is(.car-condition, .car-new-week) ~ .car-swap.car-swap { bottom: 18px; }
html body .c4r-livery article.car > .car-media.car-media > .car-condition ~ .car-new-week ~ .car-swap.car-swap { bottom: 36px; }

/* C4R MINIMAL LIVERY (e10) - design system, SCOPED for the React app.
   GENERATED by tools/scope_livery.py from static-reference/css/livery.css - do not hand-edit;
   edit the static file and re-run the script.
   Every rule only applies inside <div class="c4r-livery">...</div>, so it cannot clash with
   Tailwind utilities (.grid, .table, .mt-8, .w-100 ...) or restyle the rest of the app.
   Class names are identical to the static design system. Keyframes are prefixed c4r-. */
.c4r-livery{--violet:#6C3BFF; --violet-700:#5526EA; --violet-900:#2A1273; --lilac:#C6B3FF; --lilac-50:#F1ECFF; --ink:#140C2A; --ink-800:#1E1540; --ink-700:#2A1F52; --ink-500:#9C90BF; --ink-300:#C9C0E2; --ink-200:#CEC6E4; --white:#FFFFFF; --mist:#F6F3FC; --line:#E5E0EF; --line-2:#D3CBE3; --muted:#5B5273; --danger:#C0223B; --danger-700:#9A1A2F; --danger-50:#FDEEF0; --fd:"Barlow Condensed","Bahnschrift Condensed","Roboto Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif; --fb:"Barlow","Bahnschrift","Segoe UI","Helvetica Neue",Arial,sans-serif; --fm:"Azeret Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace; --fs-display:clamp(58px,7.6vw,112px); --fs-h1:clamp(48px,6.2vw,92px); --fs-h2:clamp(42px,5.4vw,78px); --fs-h3:34px; --fs-h4:26px; --fs-h5:20px; --fs-lead:18px; --fs-body:16px; --fs-sm:14px; --fs-xs:13px; --fs-label:12px; --fs-mono:11px; --fs-micro:10px; --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-7:32px; --s-8:40px; --s-9:48px; --s-10:56px; --s-11:72px; --s-12:88px; --s-13:120px; --s-14:136px; --gut:16px; --sec-y:136px; --maxw:1280px; --lean:-14deg; --cut-xs:2px; --cut-sm:6px; --cut:8px; --cut-lg:10px; --r-0:0; --r-round:50%; --sh-hair:0 0 0 1px var(--line); --sh-box:0 0 0 1px var(--line-2); --sh-dock:0 0 0 1px var(--line),0 34px 60px -40px rgba(20,12,42,.4); --sh-lift:0 0 0 1px var(--violet),8px 8px 0 var(--violet); --sh-menu:0 20px 40px -20px rgba(20,12,42,.4); --sh-focus:0 0 0 3px rgba(108,59,255,.28); --z-base:1; --z-lift:2; --z-sticky:10; --z-header:20; --z-menu:30; --z-overlay:40; --z-skip:50; --t-fast:.15s; --t:.2s; --t-slow:.5s;}
@media (min-width:768px){
  .c4r-livery{--gut:32px}
}
@media (min-width:1200px){
  .c4r-livery{--gut:80px}
}
@media (max-width:767px){
  .c4r-livery{--sec-y:80px;--fs-h3:30px;--fs-h4:22px}
}
.c4r-livery,.c4r-livery *,.c4r-livery *::before,.c4r-livery *::after{box-sizing:border-box}
.c4r-livery{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
.c4r-livery{margin:0;background:var(--white);color:var(--ink);font:400 var(--fs-body)/1.55 var(--fb);-webkit-font-smoothing:antialiased;overflow-x:clip}
.c4r-livery img,.c4r-livery svg,.c4r-livery video{display:block;max-width:100%;height:auto}
.c4r-livery a{color:inherit}
.c4r-livery p{margin:0 0 1em}
.c4r-livery h1,.c4r-livery h2,.c4r-livery h3,.c4r-livery h4,.c4r-livery h5,.c4r-livery h6{margin:0}
.c4r-livery button,.c4r-livery input,.c4r-livery select,.c4r-livery textarea{font:inherit;color:inherit}
.c4r-livery button{cursor:pointer}
.c4r-livery table{border-collapse:collapse}
.c4r-livery hr{height:1px;margin:var(--s-8) 0;border:0;background:var(--line)}
.c4r-livery :focus-visible{outline:3px solid var(--violet);outline-offset:3px}
.c4r-livery .on-ink :focus-visible,.c4r-livery .ticker :focus-visible,.c4r-livery .foot :focus-visible{outline-color:#fff}
.c4r-livery [hidden]{display:none!important}
.c4r-livery .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.c4r-livery .skip{position:absolute;left:12px;top:-60px;z-index:var(--z-skip);display:inline-flex;min-height:44px;align-items:center;background:var(--ink);color:#fff;padding:0 14px;font:600 14px var(--fb);text-decoration:none}
.c4r-livery .skip:focus{top:12px}
.c4r-livery .wrap{width:min(100% - 2*var(--gut),var(--maxw));margin-inline:auto}
.c4r-livery .wrap-narrow{width:min(100% - 2*var(--gut),880px);margin-inline:auto}
.c4r-livery .wrap-form{width:min(100% - 2*var(--gut),560px);margin-inline:auto}
.c4r-livery .grid{display:grid;gap:var(--s-6)}
.c4r-livery .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-6)}
.c4r-livery .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-6)}
.c4r-livery .grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-6)}
.c4r-livery .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:var(--s-11);align-items:start}
.c4r-livery .layout-side{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--s-9);align-items:start}
.c4r-livery .stack>*+*{margin-top:var(--s-4)}
.c4r-livery .stack-lg>*+*{margin-top:var(--s-7)}
.c4r-livery .row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3)}
.c4r-livery .row-between{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3) var(--s-6)}
.c4r-livery .eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;font:600 var(--fs-label)/1 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}
.c4r-livery .eyebrow::before{content:"";flex:none;width:26px;height:8px;background:currentColor;clip-path:polygon(2px 0,100% 0,calc(100% - 2px) 100%,0 100%)}
.c4r-livery .eyebrow.is-ink{color:var(--ink)}
.c4r-livery .eyebrow.on-dark{color:var(--lilac)}
.c4r-livery .display,.c4r-livery .h1,.c4r-livery .h2,.c4r-livery .h3{font-family:var(--fd);font-weight:800;font-style:italic;text-transform:uppercase}
.c4r-livery .display{margin:0;font-size:var(--fs-display);line-height:.86;letter-spacing:-.01em}
.c4r-livery .h1{margin:0;font-size:var(--fs-h1);line-height:.88;letter-spacing:-.01em}
.c4r-livery .h2{margin:0;font:800 italic var(--fs-h2)/.88 var(--fd);text-transform:uppercase;letter-spacing:-.005em}
.c4r-livery .h3{margin:0;font-size:var(--fs-h3);line-height:.9}
.c4r-livery .h4{margin:0;font:700 var(--fs-h4)/.95 var(--fd);text-transform:uppercase;letter-spacing:.01em}
.c4r-livery .h5{margin:0;font:700 var(--fs-h5)/1 var(--fd);text-transform:uppercase;letter-spacing:.06em}
.c4r-livery .display em,.c4r-livery .h1 em,.c4r-livery .h2 em,.c4r-livery .h3 em,.c4r-livery .h4 em{font-style:inherit;color:var(--violet)}
.c4r-livery .lead{margin:0;max-width:620px;font:500 var(--fs-lead)/1.55 var(--fb);color:var(--muted)}
.c4r-livery .txt{color:var(--muted)}
.c4r-livery .small{font-size:var(--fs-sm)}
.c4r-livery .mono{font:500 var(--fs-mono)/1.4 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .prose{max-width:720px}
.c4r-livery .prose p,.c4r-livery .prose li{color:var(--ink);font-size:17px;line-height:1.65}
.c4r-livery .prose h2{margin:var(--s-9) 0 var(--s-4);font:800 italic 34px/.95 var(--fd);text-transform:uppercase}
.c4r-livery .prose h3{margin:var(--s-7) 0 var(--s-3);font:700 22px/1 var(--fd);letter-spacing:.06em;text-transform:uppercase}
.c4r-livery .prose ul,.c4r-livery .prose ol{padding-left:1.25em}
.c4r-livery .prose li+li{margin-top:6px}
.c4r-livery .prose li::marker{color:var(--violet)}
.c4r-livery .prose a,.c4r-livery .link{color:var(--violet-700);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.c4r-livery .prose a:hover,.c4r-livery .link:hover{color:var(--ink)}
.c4r-livery .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 22px;border:0;cursor:pointer;text-decoration:none;font:700 17px/1 var(--fd);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%);transition:background-color var(--t),color var(--t),box-shadow var(--t)}
.c4r-livery .btn:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 5px #fff}
.c4r-livery .btn-primary,.c4r-livery .btn-violet{background:var(--violet);color:#fff}
.c4r-livery .btn-primary:hover,.c4r-livery .btn-violet:hover{background:var(--violet-700)}
.c4r-livery .btn-secondary,.c4r-livery .btn-ink{background:var(--ink);color:#fff}
.c4r-livery .btn-secondary:hover,.c4r-livery .btn-ink:hover{background:var(--violet-700)}
.c4r-livery .btn-secondary:focus-visible,.c4r-livery .btn-ink:focus-visible{box-shadow:inset 0 0 0 3px var(--violet),inset 0 0 0 5px #fff}
.c4r-livery .btn-danger{background:var(--danger);color:#fff}
.c4r-livery .btn-danger:hover{background:var(--danger-700)}
.c4r-livery .btn-ghost,.c4r-livery .btn-danger-ghost{position:relative;isolation:isolate;background:var(--ink);color:var(--ink)}
.c4r-livery .btn-ghost::before,.c4r-livery .btn-danger-ghost::before{content:"";position:absolute;inset:1.5px;z-index:-1;background:#fff;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%);transition:background-color var(--t)}
.c4r-livery .btn-ghost:hover{color:#fff}
.c4r-livery .btn-ghost:hover::before{background:var(--ink)}
.c4r-livery .btn-ghost:focus-visible,.c4r-livery .btn-danger-ghost:focus-visible{background:var(--violet);box-shadow:none}
.c4r-livery .btn-ghost:focus-visible::before,.c4r-livery .btn-danger-ghost:focus-visible::before{inset:3px}
.c4r-livery .btn-danger-ghost{background:var(--danger);color:var(--danger)}
.c4r-livery .btn-danger-ghost:hover{color:#fff}
.c4r-livery .btn-danger-ghost:hover::before{background:var(--danger)}
.c4r-livery .btn-white{background:#fff;color:var(--ink)}
.c4r-livery .btn-white:hover{background:var(--lilac-50)}
.c4r-livery .btn-sm{min-height:44px;padding:0 16px;font-size:15px;--cut:7px}
.c4r-livery .btn-lg{min-height:56px;padding:0 28px;font-size:19px;--cut:10px}
.c4r-livery .btn-block{display:flex;width:100%}
.c4r-livery .btn[disabled],.c4r-livery .btn.is-disabled,.c4r-livery .btn[aria-disabled="true"]{background:var(--line);color:var(--muted);box-shadow:none;cursor:not-allowed;pointer-events:none}
.c4r-livery .btn-ghost[disabled],.c4r-livery .btn-ghost.is-disabled,.c4r-livery .btn-ghost[aria-disabled="true"],.c4r-livery .btn-danger-ghost[disabled],.c4r-livery .btn-danger-ghost.is-disabled,.c4r-livery .btn-danger-ghost[aria-disabled="true"]{background:var(--line-2)}
.c4r-livery .btn-ghost[disabled]::before,.c4r-livery .btn-ghost.is-disabled::before,.c4r-livery .btn-ghost[aria-disabled="true"]::before,.c4r-livery .btn-danger-ghost[disabled]::before,.c4r-livery .btn-danger-ghost.is-disabled::before,.c4r-livery .btn-danger-ghost[aria-disabled="true"]::before{background:var(--mist)}
.c4r-livery .btn.is-loading{position:relative;color:transparent!important;pointer-events:none}
.c4r-livery .btn.is-loading::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:c4r-spin .8s linear infinite}
.c4r-livery .btn-ghost.is-loading::after{border-color:rgba(20,12,42,.2);border-top-color:var(--ink)}
@keyframes c4r-spin{to{transform:rotate(360deg)}}
.c4r-livery .btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.c4r-livery .arw{display:inline-block;flex:none;width:18px;height:2px;background:currentColor;position:relative;transition:transform var(--t)}
.c4r-livery .arw::after{content:"";position:absolute;right:1px;top:50%;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateY(-50%) rotate(45deg)}
.c4r-livery .arw-back{transform:scaleX(-1)}
.c4r-livery a:hover .arw,.c4r-livery button:hover .arw{transform:translateX(4px)}
.c4r-livery a:hover .arw-back,.c4r-livery button:hover .arw-back{transform:scaleX(-1) translateX(4px)}
.c4r-livery .link-arrow{min-height:44px;display:inline-flex;align-items:center;gap:12px;font:700 17px/1 var(--fd);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--violet);padding:10px 0;border:0;border-bottom:2px solid currentColor;background:none;transition:color var(--t)}
.c4r-livery .link-arrow:hover{color:var(--ink)}
.c4r-livery .link-arrow.is-sm{font-size:16px}
.c4r-livery .icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color var(--t),color var(--t)}
.c4r-livery .icon-btn:hover{background:var(--ink);color:#fff}
.c4r-livery .icon-btn svg{width:18px;height:18px}
.c4r-livery .chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.c4r-livery .chips-lbl{margin-right:6px;font:600 12px/1 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .chip{--cut:7px;position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 20px;border:0;text-decoration:none;font:700 15px/1 var(--fd);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--ink);clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%);transition:color var(--t)}
.c4r-livery .chip::before{content:"";position:absolute;inset:1.5px;z-index:-1;background:#fff;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%);transition:background-color var(--t)}
.c4r-livery .chip:hover,.c4r-livery .chip.is-active,.c4r-livery .chip[aria-pressed="true"]{color:#fff}
.c4r-livery .chip:hover::before,.c4r-livery .chip.is-active::before,.c4r-livery .chip[aria-pressed="true"]::before{background:var(--ink)}
.c4r-livery .chip:focus-visible{outline:none;background:var(--violet)}
.c4r-livery .chip:focus-visible::before{inset:3px}
.c4r-livery .chip-count{font:600 12px/1 var(--fm);letter-spacing:.06em;color:var(--violet)}
.c4r-livery .chip:hover .chip-count,.c4r-livery .chip.is-active .chip-count,.c4r-livery .chip[aria-pressed="true"] .chip-count{color:var(--lilac)}
.c4r-livery .chip-x{background:var(--line-2);padding-right:14px}
.c4r-livery .chip-x::before{inset:1px;background:var(--mist)}
.c4r-livery .chip-x::after{content:"";width:10px;height:10px;background:linear-gradient(45deg,transparent 44%,currentColor 44% 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,currentColor 44% 56%,transparent 56%)}
.c4r-livery .form{display:grid;gap:var(--s-6)}
.c4r-livery .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-6)}
.c4r-livery .fieldset{margin:0;padding:0;border:0;min-width:0}
.c4r-livery .fieldset>legend{padding:0;margin:0 0 var(--s-4);font:700 22px/1 var(--fd);letter-spacing:.06em;text-transform:uppercase}
.c4r-livery .ctl{display:flex;flex-direction:column;gap:8px;min-width:0}
.c4r-livery .label{font:600 var(--fs-micro)/1.2 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.c4r-livery .label .opt{margin-left:6px;color:var(--muted);letter-spacing:.08em}
.c4r-livery .label .req{color:var(--violet)}
.c4r-livery .hint{margin:0;font:500 var(--fs-xs)/1.45 var(--fb);color:var(--muted)}
.c4r-livery .error-msg{display:flex;align-items:flex-start;gap:8px;margin:0;font:600 var(--fs-xs)/1.4 var(--fb);color:var(--danger)}
.c4r-livery .error-msg::before{content:"!";flex:none;display:grid;place-items:center;width:16px;height:16px;margin-top:1px;background:var(--danger);color:#fff;font:700 12px/1 var(--fb)}
.c4r-livery .counter{align-self:flex-end;font:500 var(--fs-mono)/1 var(--fm);letter-spacing:.06em;color:var(--muted)}
.c4r-livery .input,.c4r-livery .select,.c4r-livery .textarea{display:block;width:100%;min-height:48px;margin:0;padding:11px 14px;border:1px solid var(--line-2);border-bottom:2px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);font:500 16px/1.4 var(--fb);transition:border-color var(--t),box-shadow var(--t)}
.c4r-livery .input::placeholder,.c4r-livery .textarea::placeholder{color:#8A81A3;opacity:1}
.c4r-livery .input:hover,.c4r-livery .select:hover,.c4r-livery .textarea:hover{border-color:var(--ink-500);border-bottom-color:var(--violet)}
.c4r-livery .input:focus,.c4r-livery .select:focus,.c4r-livery .textarea:focus{outline:none;border-color:var(--violet);border-bottom-color:var(--violet);box-shadow:var(--sh-focus)}
.c4r-livery .textarea{min-height:140px;resize:vertical;line-height:1.55}
.c4r-livery .select{appearance:none;-webkit-appearance:none;padding-right:42px;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27%3E%3Cpath d=%27M1 1.5l5 5 5-5%27 fill=%27none%27 stroke=%27%236C3BFF%27 stroke-width=%272%27/%3E%3C/svg%3E") no-repeat right 16px center}
.c4r-livery .is-invalid .input,.c4r-livery .is-invalid .select,.c4r-livery .is-invalid .textarea,.c4r-livery .input[aria-invalid="true"],.c4r-livery .select[aria-invalid="true"],.c4r-livery .textarea[aria-invalid="true"]{border-color:var(--danger);border-bottom-color:var(--danger);background-color:var(--danger-50)}
.c4r-livery .is-invalid .input:focus,.c4r-livery .input[aria-invalid="true"]:focus,.c4r-livery .textarea[aria-invalid="true"]:focus{box-shadow:0 0 0 3px rgba(192,34,59,.22)}
.c4r-livery .input:disabled,.c4r-livery .select:disabled,.c4r-livery .textarea:disabled{border-color:var(--line);border-bottom-color:var(--line-2);background-color:var(--mist);color:#8A81A3;cursor:not-allowed}
.c4r-livery .input[readonly]{background:var(--mist);border-bottom-color:var(--line-2)}
.c4r-livery .ctl.is-disabled .label{color:var(--muted)}
.c4r-livery .input-group{display:flex;align-items:stretch}
.c4r-livery .input-group .input{flex:1;min-width:0}
.c4r-livery .affix{display:flex;align-items:center;padding:0 14px;border:1px solid var(--line-2);border-bottom:2px solid var(--ink);background:var(--mist);font:600 15px/1 var(--fb);color:var(--muted);white-space:nowrap}
.c4r-livery .affix:first-child{border-right:0}
.c4r-livery .affix:last-child{border-left:0}
.c4r-livery .input-group:focus-within .affix{border-color:var(--violet)}
.c4r-livery .searchbar{display:flex;box-shadow:var(--sh-dock)}
.c4r-livery .searchbar .input{border:0;min-height:56px;padding-left:18px}
.c4r-livery .searchbar .input:focus{box-shadow:inset 0 -2px 0 var(--violet)}
.c4r-livery .searchbar .btn{clip-path:none;min-height:56px}
.c4r-livery .check{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:11px 0;cursor:pointer;font:500 16px/1.4 var(--fb)}
.c4r-livery .check input{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;margin:0;border:1.5px solid var(--ink);background:#fff;cursor:pointer;display:grid;place-items:center;transition:background-color var(--t-fast),border-color var(--t-fast)}
.c4r-livery .check input[type="radio"]{border-radius:50%}
.c4r-livery .check input:hover{border-color:var(--violet)}
.c4r-livery .check input:checked{background:var(--violet);border-color:var(--violet)}
.c4r-livery .check input[type="checkbox"]:checked{background:var(--violet) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2711%27 viewBox=%270 0 14 11%27%3E%3Cpath d=%27M1.5 5.5l4 4 7-8%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%272.4%27/%3E%3C/svg%3E") no-repeat center}
.c4r-livery .check input[type="radio"]:checked{background:#fff;box-shadow:inset 0 0 0 5px var(--violet)}
.c4r-livery .check input:focus-visible{outline:3px solid var(--violet);outline-offset:2px}
.c4r-livery .check input:disabled{border-color:var(--line-2);background-color:var(--mist);cursor:not-allowed}
.c4r-livery .check input:disabled:checked{background-color:var(--line-2);border-color:var(--line-2)}
.c4r-livery .check:has(input:disabled){color:var(--muted);cursor:not-allowed}
.c4r-livery .check small{display:block;margin-top:2px;font-size:var(--fs-xs);color:var(--muted)}
.c4r-livery .is-invalid .check input{border-color:var(--danger)}
.c4r-livery .option{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;transition:box-shadow var(--t)}
.c4r-livery .option:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.c4r-livery .option:has(input:checked){box-shadow:inset 0 0 0 2px var(--violet);background:var(--lilac-50)}
.c4r-livery .option input{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;margin:1px 0 0;border:1.5px solid var(--ink);border-radius:50%;background:#fff}
.c4r-livery .option input:checked{border-color:var(--violet);box-shadow:inset 0 0 0 5px var(--violet)}
.c4r-livery .option b{display:block;font:700 20px/1 var(--fd);letter-spacing:.04em;text-transform:uppercase}
.c4r-livery .option span{display:block;margin-top:4px;font-size:var(--fs-sm);color:var(--muted)}
.c4r-livery .toggle{display:inline-flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;font:500 16px/1.3 var(--fb)}
.c4r-livery .toggle input{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:50px;height:28px;margin:0;background:var(--line-2);cursor:pointer;transition:background-color var(--t)}
.c4r-livery .toggle input::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;background:#fff;box-shadow:0 1px 3px rgba(20,12,42,.3);transition:transform var(--t)}
.c4r-livery .toggle input:checked{background:var(--violet)}
.c4r-livery .toggle input:checked::after{transform:translateX(22px)}
.c4r-livery .toggle input:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
.c4r-livery .toggle input:disabled{background:var(--line);cursor:not-allowed}
.c4r-livery .toggle input:disabled::after{box-shadow:none;background:var(--mist)}
.c4r-livery .toggle:has(input:disabled){color:var(--muted);cursor:not-allowed}
.c4r-livery .dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:180px;padding:28px;text-align:center;border:2px dashed var(--line-2);background:var(--mist);color:var(--muted);transition:border-color var(--t),background-color var(--t)}
.c4r-livery .dropzone:hover,.c4r-livery .dropzone.is-over{border-color:var(--violet);background:var(--lilac-50)}
.c4r-livery .dropzone b{font:700 22px/1 var(--fd);letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.c4r-livery .ticker{background:var(--ink);color:var(--ink-500);overflow:hidden;height:34px;display:flex;align-items:center;font:500 12px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase}
.c4r-livery .ticker-in{display:flex;width:max-content;animation:c4r-tick 60s linear infinite}
.c4r-livery .ticker ul{display:flex;margin:0;padding:0;list-style:none}
.c4r-livery .ticker li{display:flex;align-items:center;gap:8px;padding:0 22px;white-space:nowrap;border-right:1px solid var(--ink-700)}
.c4r-livery .ticker li b{font:700 13px/1 var(--fd);letter-spacing:.04em;color:#fff}
.c4r-livery .ticker li:first-child span::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;background:var(--violet);border-radius:50%;box-shadow:0 0 0 3px rgba(108,59,255,.35);vertical-align:1px}
.c4r-livery .ticker:hover .ticker-in{animation-play-state:paused}
@keyframes c4r-tick{to{transform:translateX(-50%)}}
.c4r-livery .site-header{background:#fff;position:relative;z-index:var(--z-header);border-bottom:1px solid var(--line)}
.c4r-livery .hdr{display:flex;align-items:center;gap:32px;height:76px}
.c4r-livery .brand{display:block;flex:none}
.c4r-livery .brand img{height:30px;width:auto}
.c4r-livery .nav{display:flex;gap:4px;margin-left:auto}
.c4r-livery .nav a,.c4r-livery .signin{position:relative;padding:10px 14px;font:600 16px/1 var(--fd);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--ink)}
.c4r-livery .nav a::after,.c4r-livery .signin::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:3px;background:var(--violet);transform:scaleX(0) skewX(var(--lean));transform-origin:0 50%;transition:transform var(--t)}
.c4r-livery .nav a:hover::after,.c4r-livery .signin:hover::after,.c4r-livery .nav a[aria-current]::after,.c4r-livery .signin[aria-current]::after{transform:scaleX(1) skewX(var(--lean))}
.c4r-livery .nav a[aria-current],.c4r-livery .signin[aria-current]{color:var(--violet-700)}
.c4r-livery .hdr-actions{display:flex;align-items:center;gap:8px}
.c4r-livery .hdr-user{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 4px 0 0;text-decoration:none;font:600 16px/1 var(--fd);letter-spacing:.08em;text-transform:uppercase}
.c4r-livery .hdr-user i{display:grid;place-items:center;width:36px;height:36px;background:var(--ink);color:#fff;font:700 15px/1 var(--fd);font-style:normal;letter-spacing:.04em;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);transition:background-color var(--t)}
.c4r-livery .hdr-user:hover i,.c4r-livery .hdr-user[aria-current] i{background:var(--violet)}
.c4r-livery .hdr-user[aria-current] span{color:var(--violet-700)}
.c4r-livery .menu-btn{display:none;margin-left:auto;align-items:center;gap:10px;height:44px;padding:0 14px;border:1.5px solid var(--ink);background:#fff;cursor:pointer;font:700 15px/1 var(--fd);letter-spacing:.08em;text-transform:uppercase}
.c4r-livery .menu-btn i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}
.c4r-livery .menu-btn[aria-expanded="true"] i{background:transparent;box-shadow:none;position:relative}
.c4r-livery .menu-btn[aria-expanded="true"] i::before,.c4r-livery .menu-btn[aria-expanded="true"] i::after{content:"";position:absolute;left:0;top:0;width:18px;height:2px;background:currentColor;transform:rotate(45deg)}
.c4r-livery .menu-btn[aria-expanded="true"] i::after{transform:rotate(-45deg)}
.c4r-livery .mnav{display:none}
.c4r-livery .page{position:relative;isolation:isolate}
.c4r-livery .stripe{position:absolute;inset:0;z-index:var(--z-base);pointer-events:none;background:var(--violet);clip-path:polygon(88% 0,98.5% 0,7% 100%,-3.5% 100%)}
.c4r-livery .lift{position:relative;z-index:var(--z-lift)}
@media (max-width:1099px){
  .c4r-livery .stripe{clip-path:polygon(0 0,12px 0,12px 100%,0 100%)}
}
@media (max-width:767px){
  .c4r-livery .stripe{clip-path:polygon(0 0,6px 0,6px 100%,0 100%)}
}
.c4r-livery .stripe-slim{position:absolute;top:0;bottom:0;right:var(--stripe-right,clamp(48px,11vw,190px));width:var(--stripe-w,40px);z-index:0;pointer-events:none;background:var(--violet);transform:skewX(var(--lean));transform-origin:100% 0}
.c4r-livery .stripe-slim.is-thin{--stripe-w:12px}
.c4r-livery .phead{position:relative;overflow:hidden;background:#fff;border-bottom:1px solid var(--line)}
.c4r-livery .phead-in{position:relative;z-index:1;padding:48px 0 56px}
.c4r-livery .phead-in>*{max-width:860px}
.c4r-livery .phead .crumbs{margin-bottom:36px}
.c4r-livery .phead-title{margin:0;font:800 italic var(--fs-h1)/.88 var(--fd);text-transform:uppercase;letter-spacing:-.01em}
.c4r-livery .phead-title em{font-style:inherit;color:var(--violet)}
.c4r-livery .phead-intro{margin:24px 0 0;max-width:620px;font:500 18px/1.55 var(--fb);color:var(--muted)}
.c4r-livery .phead-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:30px}
.c4r-livery .phead-meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin:22px 0 0;padding:0;list-style:none;font:500 12px/1.4 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .phead-meta b{color:var(--ink);font-weight:600}
.c4r-livery .phead-sm .phead-in{padding:32px 0 36px}
.c4r-livery .phead-sm .crumbs{margin-bottom:24px}
.c4r-livery .phead-sm .phead-title{font-size:clamp(40px,4.6vw,64px)}
.c4r-livery .phead-sm .phead-intro{margin-top:16px;font-size:17px}
.c4r-livery .phead-sm .stripe-slim{--stripe-w:28px}
@media (min-width:768px) and (max-width:1279px){
  .c4r-livery .phead-in>*{max-width:min(760px,68%)}
}
.c4r-livery .sec{padding:var(--sec-y) 0}
.c4r-livery .sec-sm{padding:72px 0}
.c4r-livery .sec-mist{background:var(--mist)}
.c4r-livery .sec-head{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:48px}
.c4r-livery .sec-note{max-width:400px;margin:0;color:var(--muted);font-size:16px}
.c4r-livery .head-side{display:flex;align-items:flex-end;gap:14px 48px}
.c4r-livery .sec-head.is-right{flex-direction:column;align-items:flex-end;gap:20px;text-align:right}
.c4r-livery .sec-head.is-right .head-side{flex-direction:column;align-items:flex-end}
.c4r-livery .sec-head.is-right .eyebrow{justify-content:flex-end}
.c4r-livery .sec-head.is-row{flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}
.c4r-livery .block-bar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;padding:20px 24px;border-bottom:3px solid var(--ink)}
.c4r-livery .block-h{margin:0;font:800 italic var(--fs-h3)/.9 var(--fd);text-transform:uppercase}
.c4r-livery .block-bar small{font:500 12px/1.5 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .cars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.c4r-livery .cars.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.c4r-livery .car{position:relative;display:flex;flex-direction:column;background:#fff;box-shadow:var(--sh-hair);transition:transform var(--t),box-shadow var(--t)}
.c4r-livery .car:hover{transform:translate(-4px,-4px);box-shadow:var(--sh-lift)}
.c4r-livery .car:focus-within{box-shadow:0 0 0 3px var(--violet)}
.c4r-livery .car-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#E6E3EC}
.c4r-livery .car-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow)}
.c4r-livery .car:hover .car-media img{transform:scale(1.04)}
.c4r-livery .car-year{position:absolute;left:0;bottom:14px;padding:7px 18px 6px 14px;background:var(--violet);color:#fff;font:800 italic 24px/1 var(--fd);letter-spacing:.02em;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.c4r-livery .car-condition{position:absolute;left:10px;top:44px;z-index:2;padding:6px 10px;border-radius:999px;background:#ecfdf3;color:#166534;font:800 12px/1 var(--fb);letter-spacing:.03em;text-transform:uppercase;box-shadow:0 2px 8px rgba(22,101,52,.16)}
.c4r-livery .car-new-week{position:absolute;right:10px;top:44px;z-index:2;padding:6px 10px;border-radius:999px;background:#fff7ed;color:#9a3412;font:800 12px/1 var(--fb);box-shadow:0 2px 8px rgba(154,52,18,.16)}
.c4r-livery .car-distance{margin:8px 0 0;color:#5b21b6;font:700 12px/1.25 var(--fb);letter-spacing:.02em}
.c4r-livery .car-body{flex:1;display:flex;flex-direction:column;padding:18px 20px 16px}
.c4r-livery .car-make{margin:0 0 6px;font:700 14px/1 var(--fd);letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}
.c4r-livery .car-title{margin:0;font:700 22px/1.18 var(--fb);text-transform:none;letter-spacing:0}
.c4r-livery .car-title a{text-decoration:none}
.c4r-livery .car-title a::after{content:"";position:absolute;inset:0;z-index:1}
.c4r-livery .car-title a:focus-visible{outline:none}
.c4r-livery .cars > .car:has(.car-title a:focus-visible){outline:2px solid var(--violet);outline-offset:2px}
.c4r-livery .car-variant{display:block;margin:7px 0 16px;font:600 12px/1.35 var(--fb);letter-spacing:.06em;color:var(--muted)}
.c4r-livery .car-spec{display:grid;grid-template-columns:1.35fr 1fr 1.1fr;gap:10px;margin:auto 0 0;padding:14px 0 0;list-style:none;border-top:1px solid var(--line);font:600 14px/1.25 var(--fb)}
.c4r-livery .car-spec span{display:block;margin-bottom:5px;font:500 9.5px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .car-loc{display:flex;align-items:center;gap:8px;margin:14px 0 0;font:500 13px/1.3 var(--fb);color:var(--muted)}
.c4r-livery .car-loc::before{content:"";flex:none;width:8px;height:8px;background:var(--violet);clip-path:polygon(2px 0,100% 0,calc(100% - 2px) 100%,0 100%)}
.c4r-livery .car-save{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:44px;height:44px;border:0;background:#fff;color:var(--ink);box-shadow:0 2px 10px rgba(20,12,42,.18)}
.c4r-livery .car-save svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.c4r-livery .car-save[aria-pressed="true"]{color:var(--violet)}
.c4r-livery .car-save[aria-pressed="true"] svg{fill:currentColor}
.c4r-livery .car.is-off .car-media img{filter:grayscale(1);opacity:.7}
.c4r-livery .car.is-off .tb-k{background:var(--ink-700)}
.c4r-livery .tb{display:flex;align-items:stretch;margin:0;background:var(--ink);color:#fff}
.c4r-livery .tb-k{display:flex;align-items:center;padding:0 22px 0 14px;background:var(--violet);font:600 12px/1 var(--fm);letter-spacing:.16em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.c4r-livery .tb-v{flex:1;padding:11px 18px 10px;text-align:right;font:700 32px/1 var(--fd);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.c4r-livery .tb-lg .tb-k{padding:0 30px 0 18px;font-size:12px}
.c4r-livery .tb-lg .tb-v{padding:16px 22px 14px;font-size:52px}
.c4r-livery .tb-sm .tb-k{padding:0 16px 0 10px;font-size:12px}
.c4r-livery .tb-sm .tb-v{padding:7px 12px 6px;font-size:22px}
.c4r-livery .pill{display:inline-flex;align-items:center;gap:8px;min-height:26px;padding:0 10px;font:600 10.5px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.c4r-livery .pill::before{content:"";flex:none;width:8px;height:8px;background:currentColor;clip-path:polygon(2px 0,100% 0,calc(100% - 2px) 100%,0 100%)}
.c4r-livery .pill-draft{background:#fff;color:var(--muted);box-shadow:none;outline:1.5px dashed var(--ink-500);outline-offset:-1.5px}
.c4r-livery .pill-draft::before{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor;clip-path:none}
.c4r-livery .pill-moderation{background:var(--lilac-50);color:var(--violet-900);box-shadow:inset 0 0 0 1px var(--lilac)}
.c4r-livery .pill-moderation::before{background:var(--violet);animation:c4r-blink 1.6s ease-in-out infinite}
.c4r-livery .pill-approved{background:var(--violet);color:#fff;box-shadow:none}
.c4r-livery .pill-approved::before{background:#fff}
.c4r-livery .pill-withdrawn{background:var(--mist);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}
.c4r-livery .pill-withdrawn::before{background:var(--ink-500);clip-path:none;height:2px;width:10px}
.c4r-livery .pill-sold{background:var(--ink);color:#fff;box-shadow:none}
.c4r-livery .pill-sold::before{background:var(--violet)}
.c4r-livery .pill-danger{background:var(--danger-50);color:var(--danger-700);box-shadow:inset 0 0 0 1px #F2B8C2}
@keyframes c4r-blink{50%{opacity:.35}}
.c4r-livery .tag{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;background:var(--ink);color:#fff;font:600 12px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.c4r-livery .tag-violet{background:var(--violet)}
.c4r-livery .tag-line{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.c4r-livery .tag-example{background:repeating-linear-gradient(-45deg,#fff 0 5px,var(--mist) 5px 10px);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-2)}
.c4r-livery .tag-example::before{content:"";width:6px;height:6px;border:1.5px solid currentColor;border-radius:50%}
.c4r-livery .badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;background:var(--violet);color:#fff;font:600 12px/1 var(--fm);letter-spacing:.02em}
.c4r-livery .table-wrap{overflow-x:auto;background:#fff;box-shadow:var(--sh-box);-webkit-overflow-scrolling:touch}
.c4r-livery .table{width:100%;border-collapse:collapse;font:500 15px/1.4 var(--fb)}
.c4r-livery .table caption{padding:18px 20px 0;text-align:left;font:700 20px/1 var(--fd);letter-spacing:.06em;text-transform:uppercase}
.c4r-livery .table th{padding:14px 16px 12px;text-align:left;vertical-align:bottom;font:500 12px/1.2 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;border-bottom:2px solid var(--ink)}
.c4r-livery .table td{padding:14px 16px;vertical-align:middle;border-bottom:1px solid var(--line)}
.c4r-livery .table tbody tr{transition:background-color var(--t-fast)}
.c4r-livery .table tbody tr:hover{background:var(--mist)}
.c4r-livery .table tbody tr:last-child td{border-bottom:0}
.c4r-livery .table .num,.c4r-livery .table th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.c4r-livery .table .t-strong{font:700 18px/1.1 var(--fd);letter-spacing:.04em;text-transform:uppercase}
.c4r-livery .table .t-sub{display:block;margin-top:3px;font:500 12px/1.3 var(--fb);color:var(--muted);text-transform:none;letter-spacing:0}
.c4r-livery .table .t-price-cell{font:700 22px/1 var(--fd);font-variant-numeric:tabular-nums}
.c4r-livery .table .t-thumb{width:84px}
.c4r-livery .table .t-thumb img{width:72px;height:54px;object-fit:cover}
.c4r-livery .table .t-actions{text-align:right;white-space:nowrap}
.c4r-livery .table-compact td{padding:10px 14px}
.c4r-livery .table tr.is-selected{background:var(--lilac-50)}
.c4r-livery .tower{background:#fff;box-shadow:0 0 0 1px var(--line-2);padding:22px 24px 20px}
.c4r-livery .tower table{width:100%;border-collapse:separate;border-spacing:0 4px;margin-top:-4px}
.c4r-livery .tower th{padding:0 14px 8px;text-align:left;font:500 12px/1 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.c4r-livery .tower th.r,.c4r-livery .tower td.t-price,.c4r-livery .tower td.t-gap,.c4r-livery .tower td.t-miles,.c4r-livery .tower td.t-year{text-align:right}
.c4r-livery .tower td{padding:8px 14px;height:58px;background:var(--ink);color:#fff;vertical-align:middle;transition:background-color var(--t-fast)}
.c4r-livery .tower tr{position:relative}
.c4r-livery .tower tbody tr:hover td{background:var(--ink-700)}
.c4r-livery .t-pos{width:62px;padding:0!important;text-align:center;background:#fff!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px var(--ink);font:800 italic 24px/1 var(--fd)}
.c4r-livery .t-car a{display:block;text-decoration:none}
.c4r-livery .t-car a::after{content:"";position:absolute;inset:0}
.c4r-livery .t-car b{display:block;font:700 19px/1 var(--fd);letter-spacing:.04em;text-transform:uppercase}
.c4r-livery .t-var{display:block;margin-top:5px;font:500 12px/1.3 var(--fb);color:var(--ink-500)}
.c4r-livery .t-meta{display:none}
.c4r-livery .t-year,.c4r-livery .t-miles{width:1%;font:600 16px/1 var(--fd);letter-spacing:.04em;color:var(--ink-300);font-variant-numeric:tabular-nums;white-space:nowrap}
.c4r-livery .t-price{width:1%;font:700 26px/1 var(--fd);font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff}
.c4r-livery .t-gap{width:120px;font:500 12px/1 var(--fm);color:var(--lilac);font-variant-numeric:tabular-nums;white-space:nowrap}
.c4r-livery .tower[data-sort="miles"] .t-miles,.c4r-livery .tower[data-sort="year"] .t-year{color:#fff;font-weight:700}
.c4r-livery .tower[data-sort="miles"] .t-price,.c4r-livery .tower[data-sort="year"] .t-price{color:var(--ink-300);font-size:22px}
.c4r-livery .tower tr.is-purple td{background:var(--violet)}
.c4r-livery .tower tr.is-purple .t-pos{color:var(--violet)!important;box-shadow:inset 0 0 0 1.5px var(--violet)}
.c4r-livery .tower tr.is-purple .t-var,.c4r-livery .tower tr.is-purple .t-gap,.c4r-livery .tower tr.is-purple .t-year,.c4r-livery .tower tr.is-purple .t-miles{color:#fff}
.c4r-livery .tower tbody tr.is-purple:hover td{background:var(--violet-700)}
.c4r-livery .tower-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;font:500 12px/1.4 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .tower-foot .link-arrow{font-size:16px}
.c4r-livery .tabs{display:flex;gap:4px;margin:0;padding:0;list-style:none;border-bottom:1px solid var(--line-2);overflow-x:auto;scrollbar-width:none}
.c4r-livery .tabs::-webkit-scrollbar{display:none}
.c4r-livery .tab{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border:0;background:none;white-space:nowrap;text-decoration:none;font:700 17px/1 var(--fd);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);transition:color var(--t)}
.c4r-livery .tab::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:4px;background:var(--violet);transform:scaleX(0) skewX(var(--lean));transform-origin:0 50%;transition:transform var(--t)}
.c4r-livery .tab:hover{color:var(--ink)}
.c4r-livery .tab:hover::after{transform:scaleX(.35) skewX(var(--lean))}
.c4r-livery .tab[aria-selected="true"],.c4r-livery .tab[aria-current="page"],.c4r-livery .tab.is-active{color:var(--ink)}
.c4r-livery .tab[aria-selected="true"]::after,.c4r-livery .tab[aria-current="page"]::after,.c4r-livery .tab.is-active::after{transform:scaleX(1) skewX(var(--lean))}
.c4r-livery .tab:focus-visible{outline-offset:-3px}
.c4r-livery .tab .badge{background:var(--mist);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.c4r-livery .tab[aria-selected="true"] .badge,.c4r-livery .tab.is-active .badge,.c4r-livery .tab[aria-current="page"] .badge{background:var(--ink);color:#fff;box-shadow:none}
.c4r-livery .tab-panel{padding-top:var(--s-7)}
.c4r-livery .tab-panel[hidden]{display:none}
.c4r-livery .seg,.c4r-livery .sort{display:flex;margin:0;background:var(--mist);box-shadow:inset 0 0 0 1px var(--line);padding:4px;width:max-content;max-width:100%}
.c4r-livery .seg button,.c4r-livery .seg a,.c4r-livery .sort button{border:0;background:transparent;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;min-height:42px;padding:0 18px;text-decoration:none;font:700 16px/1 var(--fd);letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);transition:background-color var(--t),color var(--t)}
.c4r-livery .seg button:hover,.c4r-livery .seg a:hover,.c4r-livery .sort button:hover{background:#fff}
.c4r-livery .seg [aria-pressed="true"],.c4r-livery .seg [aria-current="true"],.c4r-livery .sort button[aria-pressed="true"]{background:var(--ink);color:#fff}
.c4r-livery .seg :focus-visible,.c4r-livery .sort :focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--violet)}
.c4r-livery .acc-group{border-top:3px solid var(--ink)}
.c4r-livery .acc{border-bottom:1px solid var(--line-2)}
.c4r-livery .acc>summary{position:relative;display:flex;align-items:center;gap:18px;min-height:76px;padding:18px 64px 18px 0;cursor:pointer;list-style:none;font:700 23px/1.05 var(--fd);letter-spacing:.05em;text-transform:uppercase;transition:color var(--t)}
.c4r-livery .acc>summary::-webkit-details-marker{display:none}
.c4r-livery .acc>summary::after{content:"";position:absolute;right:0;top:50%;width:44px;height:44px;margin-top:-22px;box-shadow:inset 0 0 0 1.5px currentColor;background:linear-gradient(currentColor,currentColor) center/14px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 14px no-repeat}
.c4r-livery .acc>summary:hover{color:var(--violet-700)}
.c4r-livery .acc>summary:focus-visible{outline-offset:-3px}
.c4r-livery .acc[open]>summary::after{box-shadow:none;background:linear-gradient(#fff,#fff) center/14px 2px no-repeat,var(--ink)}
.c4r-livery .acc-no{flex:none;width:26px;font:600 12px/1 var(--fm);letter-spacing:.12em;color:var(--violet)}
.c4r-livery .acc-body{padding:0 64px 26px 44px}
.c4r-livery .acc-body>:last-child{margin-bottom:0}
.c4r-livery .pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding-top:var(--s-8)}
.c4r-livery .pager-info{font:500 12px/1.4 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .pager ol{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.c4r-livery .pager a,.c4r-livery .pager span.pg{--cut:6px;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:44px;height:44px;padding:0 12px;text-decoration:none;font:700 18px/1 var(--fd);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--line-2);clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%);transition:color var(--t)}
.c4r-livery .pager a::before,.c4r-livery .pager span.pg::before{content:"";position:absolute;inset:1px;z-index:-1;background:#fff;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%);transition:background-color var(--t)}
.c4r-livery .pager a:hover{background:var(--ink);color:#fff}
.c4r-livery .pager a:hover::before{background:var(--ink)}
.c4r-livery .pager a:focus-visible{outline:none;background:var(--violet)}
.c4r-livery .pager a:focus-visible::before{inset:3px}
.c4r-livery .pager [aria-current="page"]{background:var(--violet);color:#fff}
.c4r-livery .pager [aria-current="page"]::before{background:var(--violet)}
.c4r-livery .pager .pg-gap{background:none}
.c4r-livery .pager .pg-gap::before{display:none}
.c4r-livery .pager .pg-step{padding:0 18px;text-transform:uppercase;font-size:16px;letter-spacing:.08em}
.c4r-livery .pager .is-disabled{color:#A69EBD;background:var(--mist);pointer-events:none}
.c4r-livery .pager .is-disabled::before{background:var(--mist)}
.c4r-livery .crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin:0;padding:0;list-style:none;font:500 12px/1.4 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .crumbs li{display:flex;align-items:center}
.c4r-livery .crumbs li+li::before{content:"";width:9px;height:9px;margin:0 12px;background:var(--violet);clip-path:polygon(60% 0,100% 0,40% 100%,0 100%)}
.c4r-livery .crumbs a{display:inline-block;padding:6px 0;text-decoration:none;color:var(--muted);border-bottom:1px solid transparent;transition:color var(--t),border-color var(--t)}
.c4r-livery .crumbs a:hover{color:var(--ink);border-bottom-color:var(--violet)}
.c4r-livery .crumbs [aria-current="page"]{color:var(--ink);font-weight:600}
.c4r-livery .notice{position:relative;padding:18px 22px 18px 34px;background:var(--mist);box-shadow:inset 0 0 0 1px var(--line);font:500 15px/1.5 var(--fb);color:var(--ink)}
.c4r-livery .notice::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:var(--violet);clip-path:polygon(0 0,100% 0,calc(100% - 4px) 100%,0 100%)}
.c4r-livery .notice p{margin:0}
.c4r-livery .notice p+p{margin-top:6px}
.c4r-livery .notice-t{margin:0 0 4px!important;font:700 17px/1.1 var(--fd);letter-spacing:.07em;text-transform:uppercase}
.c4r-livery .notice a{color:var(--violet-700);text-decoration:underline;text-underline-offset:3px}
.c4r-livery .notice-info{background:var(--lilac-50);box-shadow:inset 0 0 0 1px var(--lilac)}
.c4r-livery .notice-success{background:#fff;box-shadow:inset 0 0 0 1.5px var(--violet)}
.c4r-livery .notice-success .notice-t::before{content:"";display:inline-block;width:14px;height:10px;margin-right:10px;border-left:3px solid var(--violet);border-bottom:3px solid var(--violet);transform:translateY(-3px) rotate(-45deg)}
.c4r-livery .notice-warn{background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink)}
.c4r-livery .notice-warn::before{background:var(--ink)}
.c4r-livery .notice-error{background:var(--danger-50);box-shadow:inset 0 0 0 1px #F2B8C2}
.c4r-livery .notice-error::before{background:var(--danger)}
.c4r-livery .notice-error .notice-t{color:var(--danger-700)}
.c4r-livery .notice-ink{background:var(--ink);color:#fff;box-shadow:none}
.c4r-livery .notice-ink .notice-t{color:#fff}
.c4r-livery .notice-ink p{color:var(--ink-200)}
.c4r-livery .notice-ink a{color:#fff}
.c4r-livery .fineprint{display:flex;align-items:flex-start;gap:10px;margin:0;font:500 12px/1.5 var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .fineprint::before{content:"";flex:none;width:18px;height:2px;margin-top:7px;background:var(--ink)}
.c4r-livery .empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:64px 24px;text-align:center;background:#fff;border:2px dashed var(--line-2)}
.c4r-livery .empty-mark{font:900 italic 96px/.8 var(--fd);color:var(--lilac-50);-webkit-text-stroke:2px var(--violet);letter-spacing:-.02em}
.c4r-livery .empty-t{margin:6px 0 0;font:800 italic 34px/.95 var(--fd);text-transform:uppercase}
.c4r-livery .empty p{max-width:440px;margin:0;color:var(--muted)}
.c4r-livery .empty .btn-row{justify-content:center;margin-top:10px}
.c4r-livery .panel{background:#fff;box-shadow:var(--sh-box)}
.c4r-livery .panel-pad{padding:28px}
.c4r-livery .panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:18px 24px;border-bottom:1px solid var(--line)}
.c4r-livery .panel-head h2,.c4r-livery .panel-head h3{margin:0;font:700 22px/1 var(--fd);letter-spacing:.06em;text-transform:uppercase}
.c4r-livery .panel-body{padding:24px}
.c4r-livery .panel-foot{padding:16px 24px;border-top:1px solid var(--line);background:var(--mist)}
.c4r-livery .panel-ink{background:var(--ink);color:#fff;box-shadow:none}
.c4r-livery .panel-ink .eyebrow{color:var(--lilac)}
.c4r-livery .kv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);margin:0}
.c4r-livery .kv dt,.c4r-livery .kv dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.c4r-livery .kv dt{font:500 10.5px/1.6 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .kv dd{font:600 15px/1.4 var(--fb);text-align:right}
.c4r-livery .kv .unknown{font-weight:500;font-style:italic;color:var(--muted)}
.c4r-livery .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.c4r-livery .stat{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px 22px;background:#fff;box-shadow:var(--sh-box)}
.c4r-livery .stat-k{font:600 12px/1.3 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .stat-v{font:900 italic 64px/.8 var(--fd);letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:4px 4px 0 var(--lilac)}
.c4r-livery .stat-d{font:500 13px/1.4 var(--fb);color:var(--muted)}
.c4r-livery .stat .tag{align-self:flex-start}
.c4r-livery .stat-ink{background:var(--ink);color:#fff;box-shadow:none}
.c4r-livery .stat-ink .stat-k{color:var(--ink-500)}
.c4r-livery .stat-ink .stat-v{color:#fff;text-shadow:4px 4px 0 var(--violet)}
.c4r-livery .stat-ink .stat-d{color:var(--ink-300)}
.c4r-livery .side-nav{position:sticky;top:24px}
.c4r-livery .side-nav-h{margin:0 0 12px;font:600 12px/1 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .side-nav ul{margin:0;padding:0;list-style:none;box-shadow:var(--sh-box);background:#fff}
.c4r-livery .side-nav li+li{border-top:1px solid var(--line)}
.c4r-livery .side-nav a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:0 18px 0 22px;text-decoration:none;font:700 17px/1 var(--fd);letter-spacing:.07em;text-transform:uppercase;color:var(--ink);transition:background-color var(--t),color var(--t)}
.c4r-livery .side-nav a:hover{background:var(--mist)}
.c4r-livery .side-nav a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--violet);clip-path:polygon(0 0,100% 0,calc(100% - 2px) 100%,0 100%);transform:scaleX(0);transform-origin:0 50%;transition:transform var(--t)}
.c4r-livery .side-nav a[aria-current="page"]{background:var(--ink);color:#fff}
.c4r-livery .side-nav a[aria-current="page"]::before{transform:scaleX(1)}
.c4r-livery .side-nav a:focus-visible{outline-offset:-3px}
.c4r-livery .side-nav .badge{background:var(--violet)}
.c4r-livery .steps{display:grid;grid-template-columns:repeat(var(--steps,3),minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none}
.c4r-livery .steps li{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;background:var(--mist);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);font:700 17px/1 var(--fd);letter-spacing:.06em;text-transform:uppercase}
.c4r-livery .steps li>span{flex:none;padding:5px 8px;background:#fff;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-2);font:600 12px/1 var(--fm);letter-spacing:.1em}
.c4r-livery .steps li.is-done{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.c4r-livery .steps li.is-done>span{background:var(--ink);color:#fff;box-shadow:none}
.c4r-livery .steps li[aria-current="step"]{background:var(--ink);color:#fff;box-shadow:none}
.c4r-livery .steps li[aria-current="step"]>span{background:var(--violet);color:#fff;box-shadow:none}
.c4r-livery .steps a{color:inherit;text-decoration:none}
.c4r-livery .steps-lbl{margin:10px 0 0;font:500 12px/1.4 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .foot{margin-top:24px;background:var(--ink);color:var(--ink-200)}
.c4r-livery .foot>.wrap{position:relative;z-index:var(--z-lift)}
.c4r-livery .foot-grid{display:grid;grid-template-columns:1.3fr repeat(5,minmax(0,1fr));gap:40px 32px;padding:80px 0 56px}
.c4r-livery .foot-brand img{height:30px;width:auto}
.c4r-livery .foot-brand p{max-width:300px;margin:22px 0 0;font-size:15px;line-height:1.6}
.c4r-livery .foot-brand .foot-support{margin-top:10px}
.c4r-livery .foot-brand .foot-support a{display:inline-flex;min-height:44px;align-items:center;color:#fff;text-underline-offset:3px}
.c4r-livery .fcol-h{margin:0 0 16px;font:700 15px/1 var(--fd);letter-spacing:.12em;text-transform:uppercase;color:#fff}
.c4r-livery .fcol>summary{list-style:none}
.c4r-livery .fcol>summary::-webkit-details-marker{display:none}
.c4r-livery .c4r-footer-column--phone{display:none}
.c4r-livery .fcol ul{margin:0;padding:0;list-style:none}
.c4r-livery .fcol li+li{margin-top:9px}
.c4r-livery .fcol a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-size:15px;text-decoration:none;color:var(--ink-200)}
.c4r-livery .fcol a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--violet);text-decoration-thickness:2px;text-underline-offset:4px}
.c4r-livery .foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:22px 0 30px;border-top:1px solid var(--ink-700);font:500 12px/1.5 var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500)}
.c4r-livery .foot-base p{margin:0}
.c4r-livery .credit{flex-basis:100%;max-width:880px;text-transform:none;letter-spacing:.02em;font-size:12px;color:#B7AED3}
.c4r-livery .credit a{display:inline-flex;min-height:44px;align-items:center;color:#fff;text-underline-offset:3px}
.c4r-livery .credit a:hover{color:var(--lilac)}
.c4r-livery .hero{padding-top:56px}
.c4r-livery .hero-top{display:flex;align-items:flex-end;gap:56px}
.c4r-livery .hero-title{flex:none;margin:0;font:800 italic var(--fs-display)/.86 var(--fd);text-transform:uppercase;letter-spacing:-.01em}
.c4r-livery .hero-title em{font-style:inherit;color:var(--violet)}
.c4r-livery .hero-free-line{max-width:34rem;margin:14px 0 0;color:var(--violet);font:900 15px/1.25 var(--fd);letter-spacing:.08em;text-transform:uppercase}
.c4r-livery .hero-aside{max-width:300px;padding-bottom:8px}
.c4r-livery .hero-sub{margin:0 0 18px;font:500 17px/1.5 var(--fb);color:var(--muted)}
.c4r-livery .hero-aside .link-arrow{font-size:16px}
.c4r-livery .rr{position:relative;width:min(100% - 2*var(--gut),var(--maxw));margin:32px auto 0}
.c4r-livery .rr-frame{position:relative;aspect-ratio:2400/1054}
.c4r-livery .rr-car{position:relative;z-index:3;display:block;width:100%;height:auto;max-width:none}
@media (max-width:1099px){
  .c4r-livery .rr-frame::before{content:"";position:absolute;z-index:1;top:-2%;bottom:10%;right:9%;width:clamp(24px,6.5vw,60px);background:var(--violet);transform:skewX(var(--lean));pointer-events:none}
}
.c4r-livery .rr-cap{position:relative;z-index:var(--z-lift);display:flex;align-items:center;gap:10px;margin:-1% 0 0;font:500 12px/1.4 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .rr-cap::before{content:"";flex:none;width:18px;height:2px;background:var(--ink)}
.c4r-livery .search-wrap{margin-top:40px}
.c4r-livery .search{display:grid;grid-template-columns:196px repeat(4,minmax(0,1fr));background:#fff;box-shadow:var(--sh-dock)}
.c4r-livery .search-count{display:flex;align-items:center;gap:14px;padding:16px 22px;border-right:1px solid var(--line)}
.c4r-livery .search-count{grid-row:1/3}
.c4r-livery .sc-num{font:900 italic 64px/.8 var(--fd);letter-spacing:-.01em;color:var(--ink);text-shadow:4px 4px 0 var(--lilac)}
.c4r-livery .sc-lbl{font:600 12px/1.45 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .field{position:relative;display:flex;flex-direction:column;justify-content:center;padding:16px 20px;border-left:1px solid var(--line)}
.c4r-livery .search-count+.field{border-left:0}
.c4r-livery .field label{font:600 12px/1 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.c4r-livery .field select{appearance:none;-webkit-appearance:none;width:100%;border:0;border-bottom:2px solid var(--line);border-radius:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27%3E%3Cpath d=%27M1 1.5l5 5 5-5%27 fill=%27none%27 stroke=%27%236C3BFF%27 stroke-width=%272%27/%3E%3C/svg%3E") no-repeat right 2px center;padding:4px 22px 6px 0;font:600 17px/1.3 var(--fb);color:var(--ink);cursor:pointer;transition:border-color var(--fast)}
.c4r-livery .field select:hover,.c4r-livery .field select:focus{border-bottom-color:var(--violet)}
.c4r-livery .field input{width:100%;border:0;border-bottom:2px solid var(--line);border-radius:0;background:transparent;padding:4px 0 6px;font:600 17px/1.3 var(--fb);color:var(--ink);outline:0;transition:border-color var(--fast)}
.c4r-livery .field input:hover,.c4r-livery .field input:focus{border-bottom-color:var(--violet)}
.c4r-livery .field input:focus-visible{outline:none;border-bottom-color:var(--violet);box-shadow:0 2px 0 var(--violet)}
.c4r-livery .field-location{grid-column:2/4}
.c4r-livery .field-radius{grid-column:4}
.c4r-livery .search>.btn-search{grid-column:5;grid-row:2}
.c4r-livery .search-location-message{display:block;min-height:14px;margin-top:5px;font:500 12px/1.35 var(--fb);color:var(--muted)}
.c4r-livery .search-location-message.is-success{color:#17643a}
.c4r-livery .search-location-message.is-error{color:#a23b2a}
.c4r-livery .field select:focus-visible{outline:none;border-bottom-color:var(--violet);box-shadow:0 2px 0 var(--violet)}
.c4r-livery .field select:disabled{color:var(--muted);cursor:not-allowed}
.c4r-livery .btn-search{display:flex;align-items:center;justify-content:center;gap:14px;min-height:88px;border:0;cursor:pointer;background:var(--ink);color:#fff;font:800 italic 24px/1 var(--fd);letter-spacing:.03em;text-transform:uppercase;transition:background-color var(--t)}
.c4r-livery .btn-search:hover{background:var(--violet-700)}
.c4r-livery .btn-search:focus-visible{outline:3px solid var(--violet);outline-offset:-6px}
.c4r-livery .search-wrap .chips{padding:22px 0 0}
.c4r-livery .sec-new{padding-top:120px}
.c4r-livery .tower-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:72px;align-items:start}
.c4r-livery .tower-intro{position:sticky;top:32px}
.c4r-livery .tower-intro p.txt{margin:22px 0 0;color:var(--muted);font-size:17px}
.c4r-livery .tower-intro .sort{margin-top:30px}
.c4r-livery .legend{display:flex;align-items:center;gap:10px;margin:18px 0 0;font:500 12px/1.4 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .legend i{flex:none;width:22px;height:12px;background:var(--violet);clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%)}
.c4r-livery .types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:196px;gap:14px}
.c4r-livery .bt{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:20px 22px;text-decoration:none;color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color var(--t),color var(--t)}
.c4r-livery .bt-name{position:relative;z-index:1;font:700 22px/1 var(--fd);letter-spacing:.08em;text-transform:uppercase}
.c4r-livery .bt-num{position:relative;z-index:1;margin-top:auto;align-self:flex-end;font:900 italic 118px/.78 var(--fd);letter-spacing:-.02em;color:var(--violet);transition:color var(--t)}
.c4r-livery .bt-sub{position:relative;z-index:1;margin-top:9px;font:500 12px/1 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .bt:hover{background:var(--ink);color:#fff}
.c4r-livery .bt:hover .bt-num{color:#fff}
.c4r-livery .bt:hover .bt-sub{color:var(--lilac)}
.c4r-livery .bt-lead{grid-column:span 2;grid-row:span 2;background:var(--ink);color:#fff;box-shadow:none;padding:28px 30px}
.c4r-livery .bt-lead .bt-name{font-size:40px}
.c4r-livery .bt-lead .bt-num{font-size:330px;color:#fff;text-shadow:8px 8px 0 var(--violet);margin-right:-6px}
.c4r-livery .bt-lead .bt-sub{position:absolute;left:30px;bottom:28px;margin:0;color:var(--lilac)}
.c4r-livery .bt-lead:hover{background:var(--ink-700)}
.c4r-livery .entry{margin-top:88px;background:#fff;box-shadow:0 0 0 1px var(--line-2)}
.c4r-livery .entry-bar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;padding:20px 24px;border-bottom:3px solid var(--ink)}
.c4r-livery .entry-h{margin:0;font:800 italic 34px/.9 var(--fd);text-transform:uppercase}
.c4r-livery .entry-bar small{font:500 12px/1.5 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .makes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(6,auto);grid-auto-flow:column;column-gap:0;margin:0;padding:6px 0 10px;list-style:none}
.c4r-livery .makes li{padding:0 24px;border-left:1px solid var(--line)}
.c4r-livery .makes li:nth-child(-n+6){border-left:0}
.c4r-livery .makes a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 2px 10px;border-bottom:1px solid var(--line);text-decoration:none;font:600 16px/1.2 var(--fb);transition:color var(--t),border-color var(--t)}
.c4r-livery .mk-c{font:800 italic 22px/1 var(--fd);color:var(--violet);font-variant-numeric:tabular-nums}
.c4r-livery .makes a:hover{color:var(--violet);border-bottom-color:var(--violet)}
.c4r-livery .sec-sell{padding-top:48px}
.c4r-livery .sell-grid{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:96px;align-items:center}
.c4r-livery .routes{display:grid;gap:16px}
.c4r-livery .route{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:28px 28px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:inset 0 0 0 1.5px var(--ink);transition:transform var(--t),box-shadow var(--t)}
.c4r-livery .route:hover{transform:translate(-4px,-4px);box-shadow:inset 0 0 0 1.5px var(--ink),8px 8px 0 var(--violet)}
.c4r-livery .route-no{font:900 italic 64px/.8 var(--fd);color:var(--violet)}
.c4r-livery .route-t{display:block;font:800 italic 32px/.95 var(--fd);text-transform:uppercase}
.c4r-livery .route-d{display:block;margin-top:6px;color:var(--muted);font-size:15px}
.c4r-livery .route .arw{color:var(--violet)}
.c4r-livery .sell-copy p.txt{max-width:520px;margin:26px 0 30px;font:500 18px/1.55 var(--fb);color:var(--muted)}
.c4r-livery .sectors-wrap{max-width:520px;margin:0 0 36px}
.c4r-livery .sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0;padding:0;list-style:none}
.c4r-livery .sectors li{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--ink);color:#fff;font:700 17px/1 var(--fd);letter-spacing:.06em;text-transform:uppercase}
.c4r-livery .sectors li span{padding:5px 8px;background:var(--violet);font:600 12px/1 var(--fm);letter-spacing:.1em}
.c4r-livery .sectors-lbl{margin:10px 0 0;font:500 12px/1.4 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.c4r-livery .community{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:88px;padding:22px 26px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}
.c4r-livery .community p{margin:0;display:flex;align-items:center;gap:14px;font:600 17px/1.4 var(--fb)}
.c4r-livery .community p b{flex:none;padding:6px 10px;background:var(--ink);color:#fff;font:600 12px/1 var(--fm);letter-spacing:.14em;text-transform:uppercase}
.c4r-livery .community .link-arrow{font-size:16px}
.c4r-livery .mt-0{margin-top:0!important}
.c4r-livery .mt-2{margin-top:var(--s-2)!important}
.c4r-livery .mt-4{margin-top:var(--s-4)!important}
.c4r-livery .mt-6{margin-top:var(--s-6)!important}
.c4r-livery .mt-8{margin-top:var(--s-8)!important}
.c4r-livery .mt-11{margin-top:var(--s-11)!important}
.c4r-livery .mb-0{margin-bottom:0!important}
.c4r-livery .mb-2{margin-bottom:var(--s-2)!important}
.c4r-livery .mb-4{margin-bottom:var(--s-4)!important}
.c4r-livery .mb-6{margin-bottom:var(--s-6)!important}
.c4r-livery .mb-8{margin-bottom:var(--s-8)!important}
.c4r-livery .mb-11{margin-bottom:var(--s-11)!important}
.c4r-livery .pt-0{padding-top:0!important}
.c4r-livery .pb-0{padding-bottom:0!important}
.c4r-livery .gap-2{gap:var(--s-2)!important}
.c4r-livery .gap-4{gap:var(--s-4)!important}
.c4r-livery .gap-6{gap:var(--s-6)!important}
.c4r-livery .ta-c{text-align:center}
.c4r-livery .ta-r{text-align:right}
.c4r-livery .c-muted{color:var(--muted)!important}
.c4r-livery .c-violet{color:var(--violet)!important}
.c4r-livery .c-ink{color:var(--ink)!important}
.c4r-livery .c-danger{color:var(--danger)!important}
.c4r-livery .bg-mist{background:var(--mist)}
.c4r-livery .bg-ink{background:var(--ink);color:#fff}
.c4r-livery .w-100{width:100%}
.c4r-livery .nowrap{white-space:nowrap}
.c4r-livery .tnum{font-variant-numeric:tabular-nums}
.c4r-livery .divider{height:1px;margin:var(--s-8) 0;background:var(--line);border:0}
.c4r-livery .divider-ink{height:3px;background:var(--ink)}
@media (max-width:767px){
  .c4r-livery .hide-sm{display:none!important}
}
@media (min-width:768px){
  .c4r-livery .show-sm{display:none!important}
}
@media (max-width:1439px){
  .c4r-livery .tower-grid{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:48px}
  .c4r-livery .t-car b{font-size:18px}
  .c4r-livery .t-var{font-size:11.5px}
  .c4r-livery .tower{padding:20px 20px 18px}
  .c4r-livery .t-gap{width:1%}
}
@media (max-width:1279px){
  .c4r-livery .search{grid-template-columns:180px repeat(4,minmax(0,1fr)) 220px}
  .c4r-livery .field{padding:14px 16px}
  .c4r-livery .btn-search{font-size:21px}
  .c4r-livery .cars{gap:18px}
  .c4r-livery .car-body{padding:16px 16px 14px}
  .c4r-livery .car-title{font-size:25px}
  .c4r-livery .tower-grid{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:48px}
  .c4r-livery .tower{padding:18px 18px 16px}
  .c4r-livery .t-gap{width:auto}
  .c4r-livery .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c4r-livery .split{grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:var(--s-9)}
}
@media (min-width:768px) and (max-width:1279px){
  .c4r-livery .t-year,.c4r-livery .t-miles,.c4r-livery .tower th.c-year,.c4r-livery .tower th.c-miles,.c4r-livery .t-var{display:none}
  .c4r-livery .t-meta{display:block;margin-top:5px;font:500 12px/1.2 var(--fb);color:var(--ink-300)}
  .c4r-livery .tower tr.is-purple .t-meta{color:#fff}
}
@media (max-width:1099px){
  .c4r-livery .nav{display:none}
  .c4r-livery .hdr{gap:16px}
  .c4r-livery .hdr-actions{margin-left:auto}
  .c4r-livery .hero-top{flex-direction:column;align-items:flex-start;gap:24px}
  .c4r-livery .hero-aside{max-width:520px}
  .c4r-livery .search{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c4r-livery .search-count{grid-column:1/-1;grid-row:auto;padding:14px 20px;border-right:0;border-bottom:1px solid var(--line)}
  .c4r-livery .field-location{grid-column:1/-1}
  .c4r-livery .field-radius{grid-column:auto}
  .c4r-livery .search>.btn-search{grid-column:1/-1;grid-row:auto}
  .c4r-livery .field{border-left:0;border-top:1px solid var(--line)}
  .c4r-livery .search-count+.field{border-top:0}
  .c4r-livery .search-count+.field+.field{border-top:0}
  .c4r-livery .field:nth-of-type(even){border-left:1px solid var(--line)}
  .c4r-livery .btn-search{grid-column:1/-1;min-height:64px}
  .c4r-livery .cars,.c4r-livery .cars.is-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c4r-livery .tower-grid{grid-template-columns:1fr;gap:40px}
  .c4r-livery .tower-intro{position:static;max-width:620px}
  .c4r-livery .types{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:170px}
  .c4r-livery .bt-lead .bt-num{font-size:260px}
  .c4r-livery .makes{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(8,auto)}
  .c4r-livery .makes li:nth-child(-n+8){border-left:0}
  .c4r-livery .makes li:nth-child(n+9){border-left:1px solid var(--line)}
  .c4r-livery .sell-grid{grid-template-columns:1fr;gap:48px}
  .c4r-livery .sell-copy{order:-1}
  .c4r-livery .foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .c4r-livery .foot-brand{grid-column:1/-1}
  .c4r-livery .split,.c4r-livery .layout-side{grid-template-columns:1fr;gap:var(--s-8)}
  .c4r-livery .side-nav{position:static}
  .c4r-livery .side-nav-h{display:none}
  .c4r-livery .side-nav ul{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
  .c4r-livery .side-nav li+li{border-top:0;border-left:1px solid var(--line)}
  .c4r-livery .side-nav a{justify-content:center;min-height:48px;padding:0 8px;font-size:15px;text-align:center}
  .c4r-livery .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .c4r-livery .hdr{height:64px}
  .c4r-livery .brand img{height:24px}
  .c4r-livery .signin{display:none}
  .c4r-livery .hdr-actions .btn{display:none}
  .c4r-livery .hdr-user span{display:none}
  .c4r-livery .menu-btn{display:inline-flex}
  .c4r-livery .mnav:not([hidden]){display:block;position:absolute;left:0;right:0;top:100%;z-index:var(--z-menu);background:#fff;border-bottom:3px solid var(--violet);box-shadow:var(--sh-menu)}
  .c4r-livery .mnav a{display:block;padding:16px var(--gut);border-top:1px solid var(--line);font:700 20px/1 var(--fd);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
  .c4r-livery .mnav a[aria-current]{color:var(--violet-700);box-shadow:inset 6px 0 0 var(--violet)}
  .c4r-livery .mnav a.cta{background:var(--violet);color:#fff}
  .c4r-livery .ticker{height:30px}
  .c4r-livery .h2{font-size:clamp(38px,11vw,56px)}
  .c4r-livery .h1,.c4r-livery .phead-title{font-size:clamp(44px,13vw,64px)}
  .c4r-livery .phead-sm .phead-title{font-size:clamp(38px,11vw,52px)}
  .c4r-livery .grid-2,.c4r-livery .grid-3,.c4r-livery .grid-4,.c4r-livery .form-row{grid-template-columns:1fr}
  .c4r-livery .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .c4r-livery .stat{padding:16px}
  .c4r-livery .stat-v{font-size:48px}
  .c4r-livery .sec-head.is-row{flex-direction:column;align-items:flex-start}
  .c4r-livery .phead .stripe-slim{right:auto;left:0;width:6px;transform:none}
  .c4r-livery .phead-in{padding:32px 0 40px}
  .c4r-livery .phead .crumbs{margin-bottom:24px}
  .c4r-livery .phead-intro{font-size:16px;margin-top:18px}
  .c4r-livery .phead-sm .phead-in{padding:24px 0 28px}
  .c4r-livery .hero{padding-top:40px}
  .c4r-livery .hero-title{font-size:clamp(50px,15.5vw,80px)}
  .c4r-livery .hero-sub{font-size:16px}
  .c4r-livery .rr{margin-top:24px}
  .c4r-livery .rr-cap{font-size:12px;letter-spacing:.07em}
  .c4r-livery .sec-head.is-right{align-items:flex-start;text-align:left}
  .c4r-livery .sec-head.is-right .head-side{align-items:flex-start}
  .c4r-livery .sec-head.is-right .eyebrow{justify-content:flex-start}
  .c4r-livery .search-wrap{margin-top:28px}
  .c4r-livery .search-count{padding:12px 16px}
  .c4r-livery .sc-num{font-size:52px}
  .c4r-livery .field{padding:12px 14px}
  .c4r-livery .field select{font-size:16px}
  .c4r-livery .btn-search{font-size:22px}
  .c4r-livery .chips{gap:8px}
  .c4r-livery .chips-lbl{width:100%;margin:0 0 4px}
  .c4r-livery .chip{min-height:44px;padding:0 14px;font-size:14px}
  .c4r-livery .sec-new{padding-top:72px}
  .c4r-livery .sec-head{margin-bottom:28px;gap:20px}
  .c4r-livery .head-side{flex-direction:column;align-items:flex-start}
  .c4r-livery .cars,.c4r-livery .cars.is-3{grid-template-columns:1fr;gap:14px}
  .c4r-livery .car{display:grid;grid-template-columns:44% minmax(0,1fr)}
  .c4r-livery .car:hover{transform:none;box-shadow:0 0 0 2px var(--violet)}
  .c4r-livery .car-media{aspect-ratio:auto;height:100%;min-height:124px}
  .c4r-livery .car-year{bottom:8px;font-size:17px;padding:5px 12px 4px 9px}
  .c4r-livery .car-body{padding:12px 12px 10px}
  .c4r-livery .car-make{font-size:12px;margin-bottom:4px}
  .c4r-livery .car-title{font-size:21px}
  .c4r-livery .car-variant{font-size:12px;margin-top:4px}
  .c4r-livery .car-spec{display:block;margin-top:8px;padding-top:0;border-top:0;font:500 12.5px/1.45 var(--fb);color:var(--ink)}
  .c4r-livery .car-spec li{display:inline}
  .c4r-livery .car-spec li:first-child{display:block}
  .c4r-livery .car-spec li+li+li::before{content:" \00B7  "}
  .c4r-livery .car-spec span{display:none}
  .c4r-livery .car-loc{margin-top:4px;font-size:12px}
  .c4r-livery .car-loc::before{width:7px;height:7px}
  .c4r-livery .car-save{top:6px;right:6px;width:40px;height:40px}
  .c4r-livery .tb{grid-column:1/-1}
  .c4r-livery .tb-v{font-size:26px;padding:8px 14px 7px}
  .c4r-livery .tb-lg .tb-v{font-size:40px;padding:12px 16px 10px}
  .c4r-livery .table-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .c4r-livery .table-stack,.c4r-livery .table-stack tbody,.c4r-livery .table-stack tr,.c4r-livery .table-stack td{display:block;width:100%}
  .c4r-livery .table-stack tr{padding:12px 16px;border-bottom:1px solid var(--line-2)}
  .c4r-livery .table-stack tbody tr:last-child{border-bottom:0}
  .c4r-livery .table-stack td{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:7px 0;border:0;text-align:right}
  .c4r-livery .table-stack td[data-label]::before{content:attr(data-label);flex:none;font:500 12px/1.2 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:left}
  .c4r-livery .table-stack td.t-lead{display:block;text-align:left;padding-bottom:10px}
  .c4r-livery .table-stack td.t-lead::before{display:none}
  .c4r-livery .table-stack .t-actions{justify-content:flex-start;padding-top:10px}
  .c4r-livery .t-year,.c4r-livery .t-miles,.c4r-livery .tower th.c-year,.c4r-livery .tower th.c-miles{display:none}
  .c4r-livery .t-meta{display:block;margin-top:5px;font:500 12px/1.2 var(--fb);color:var(--ink-300)}
  .c4r-livery .t-var{display:none}
  .c4r-livery .tower{padding:0;box-shadow:none}
  .c4r-livery .tower td{height:64px;padding:9px 10px}
  .c4r-livery .t-pos{width:42px;font-size:20px}
  .c4r-livery .t-car b{font-size:17px}
  .c4r-livery .t-price{font-size:22px;padding-right:12px!important}
  .c4r-livery .t-gap{width:auto;font-size:12px}
  .c4r-livery .tower th{padding:0 10px 8px}
  .c4r-livery .tower tr.is-purple .t-meta{color:#fff}
  .c4r-livery .tower-foot{flex-direction:column;align-items:flex-start}
  .c4r-livery .seg button,.c4r-livery .seg a,.c4r-livery .sort button{padding:0 14px;font-size:15px;min-height:44px}
  .c4r-livery .tab{padding:0 12px;font-size:16px}
  .c4r-livery .pager{flex-direction:column;align-items:flex-start}
  .c4r-livery .pager .pg-num-far{display:none}
  .c4r-livery .pager .pg-step{padding:0 14px}
  .c4r-livery .pager .pg-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .c4r-livery .notice{padding:16px 16px 16px 28px}
  .c4r-livery .empty{padding:44px 18px}
  .c4r-livery .empty-mark{font-size:72px}
  .c4r-livery .empty-t{font-size:28px}
  .c4r-livery .panel-pad,.c4r-livery .panel-body{padding:18px}
  .c4r-livery .panel-head{padding:16px 18px}
  .c4r-livery .steps{grid-template-columns:1fr 1fr}
  .c4r-livery .steps li{font-size:15px;padding:10px}
  .c4r-livery .kv dd{text-align:left}
  .c4r-livery .acc>summary{gap:12px;min-height:68px;padding-right:56px;font-size:20px}
  .c4r-livery .acc-no{width:22px}
  .c4r-livery .acc-body{padding:0 0 22px}
  .c4r-livery .side-nav ul{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}
  .c4r-livery .side-nav li:nth-child(n+4){border-top:1px solid var(--line)}
  .c4r-livery .side-nav li:nth-child(3n+1){border-left:0}
  .c4r-livery .side-nav a{font-size:14px;letter-spacing:.05em;padding:0 4px}
  .c4r-livery .types{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:132px;gap:10px}
  .c4r-livery .bt{padding:14px 16px}
  .c4r-livery .bt-name{font-size:18px}
  .c4r-livery .bt-num{font-size:84px}
  .c4r-livery .bt-sub{margin-top:7px}
  .c4r-livery .bt-lead{padding:20px 20px}
  .c4r-livery .bt-lead .bt-name{font-size:30px}
  .c4r-livery .bt-lead .bt-num{font-size:200px}
  .c4r-livery .bt-lead .bt-sub{left:20px;bottom:20px}
  .c4r-livery .entry{margin-top:56px}
  .c4r-livery .entry-bar,.c4r-livery .block-bar{padding:16px}
  .c4r-livery .entry-h{font-size:30px}
  .c4r-livery .makes{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(11,auto)}
  .c4r-livery .makes li{padding:0 16px}
  .c4r-livery .makes li:nth-child(-n+11){border-left:0}
  .c4r-livery .makes li:nth-child(n+12){border-left:1px solid var(--line)}
  .c4r-livery .makes a{font-size:15px}
  .c4r-livery .route{grid-template-columns:auto 1fr;gap:16px;padding:20px}
  .c4r-livery .route .arw{display:none}
  .c4r-livery .route-no{font-size:48px}
  .c4r-livery .route-t{font-size:26px}
  .c4r-livery .sell-copy p.txt{font-size:17px}
  .c4r-livery .sectors li{flex-direction:column;align-items:flex-start;gap:8px;font-size:15px;padding:10px}
  .c4r-livery .community{margin-top:56px;padding:20px}
  .c4r-livery .community p{align-items:flex-start;flex-direction:column;gap:10px}
  .c4r-livery .foot{margin-top:0}
  .c4r-livery .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px;padding:56px 0 40px}
  .c4r-livery .foot-base{flex-direction:column}
  .c4r-livery .fcol li+li{margin-top:0}
  .c4r-livery .fcol a{display:inline-block;padding:6px 0}
}
@media (max-width:380px){
  .c4r-livery .hero-title{font-size:48px}
}
@media (prefers-reduced-motion:reduce){
  .c4r-livery,.c4r-livery *,.c4r-livery *::before,.c4r-livery *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .c4r-livery .car:hover,.c4r-livery .route:hover{transform:none}
}

/* C4R mobile release M1 - livery listing card (src/livery/components/CarCard.jsx).
   Import after livery.css / home.css. From 768 px the card looks exactly as before: the only
   all-width rules size the new <picture> wrapper to the photo box and hide the phone-only parts.
   Phones get the "Electric Livery" card: 4:3 photo, slanted year tag, glass photo count, mono make,
   condensed italic model (2 lines), trim, mono data line, green price + "No buyer fees", seller row. */
.c4r-livery .car-media picture { display: block; width: 100%; height: 100%; }
.c4r-livery .car .car-photo-nav,
.c4r-livery .car .car-photo-position { display: none; }
.c4r-livery .car .car-nf,
.c4r-livery .car .car-cam,
.c4r-livery .car .car-seller,
.c4r-livery .car .car-pc-short { display: none; }
.c4r-livery .car .car-pc-short::before { content: attr(data-count); }
/* Compact card data line ("149,710 mi · 2018"): phones only, see "Compact card" below. */
.c4r-livery .car .car-data { display: none; }

@media (max-width: 767px) {
  .c4r-livery .cars .car {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 0;
    background: #fff;
    box-shadow: none;
  }
  .c4r-livery .cars .car:hover { transform: none; box-shadow: none; }
  .c4r-livery .cars .car:has(.car-title a:focus-visible) { outline: 2px solid var(--violet); outline-offset: 2px; }

  /* Photo */
  .c4r-livery .cars .car .car-media { aspect-ratio: 4 / 3; height: auto; min-height: 0; flex: none; border-radius: 0; }
  .c4r-livery .cars .car .car-media img { width: 100%; height: 100%; object-fit: cover; }
  .c4r-livery .cars .car .car-photo-nav {
    position: absolute;
    top: 50%;
    z-index: 3;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    border: 0;
    background: rgba(20, 12, 42, .66);
    color: #fff;
    font: 700 28px/1 var(--c4r-m-font-body);
  }
  .c4r-livery .cars .car .car-photo-prev { left: 0; }
  .c4r-livery .cars .car .car-photo-next { right: 0; }
  .c4r-livery .cars .car .has-photo-carousel .car-photo-count { display: none; }
  .c4r-livery .cars .car .car-photo-position {
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 3;
    display: inline-flex;
    padding: 3px 6px;
    background: rgba(20, 12, 42, .72);
    color: #fff;
    font: 600 12px/1.2 var(--c4r-m-font-mono);
  }
  .c4r-livery .cars .car .car-year {
    top: 10px;
    left: 12px;
    bottom: auto;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 12px;
    background: var(--violet);
    color: #fff;
    font: italic 800 14px/1 var(--fd);
    letter-spacing: .03em;
    clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
  }
  .c4r-livery .cars .car .car-photo-count {
    top: auto;
    right: 8px;
    bottom: 10px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 24px;
    padding: 0 7px;
    border: 1px solid var(--c4r-m-glass-border);
    border-radius: 0;
    background: var(--c4r-m-glass);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    color: #fff;
    font: 500 12px/1 var(--fm);
    letter-spacing: .02em;
  }
  .c4r-livery .cars .car .car-cam {
    display: block;
    width: 14px;
    height: 14px;
    flex: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: square;
    stroke-linejoin: miter;
  }
  /* Icon + number, as in the concept; "N photos" stays for screen readers. */
  .c4r-livery .cars .car .car-pc-short { display: inline; }
  .c4r-livery .cars .car .car-pc-long {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  /* Body: make, model, trim, data line, price */
  .c4r-livery .cars .car .car-body { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px 12px; }
  .c4r-livery .cars .car .car-make {
    order: 1;
    margin: 0;
    color: var(--violet);
    font: 500 12px/14px var(--fm);
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .c4r-livery .cars .car .car-title {
    order: 2;
    margin: 2px 0 0;
    font: 700 18px/22px var(--fb);
    letter-spacing: 0;
    text-transform: none;
  }
  .c4r-livery .cars .car .car-title a { color: var(--ink); }
  .c4r-livery .cars .car .car-model {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
  }
  .c4r-livery .cars .car .car-variant {
    display: block;
    margin: 2px 0 0;
    overflow: hidden;
    color: var(--muted);
    font: 400 14px/20px var(--fb);
    letter-spacing: 0;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
  }
  .c4r-livery .cars .car .car-spec {
    order: 3;
    display: block;
    margin: 6px 0 0;
    padding: 0;
    border: 0;
    color: var(--muted);
    font: 400 12px/16px var(--fm);
    font-variant-numeric: tabular-nums;
  }
  .c4r-livery .cars .car .car-spec li { display: inline; }
  .c4r-livery .cars .car .car-spec li::before { content: none; }
  .c4r-livery .cars .car .car-spec li + li::before { content: "\00A0\00B7\00A0"; }
  .c4r-livery .cars .car .car-spec span { display: none; }
  .c4r-livery .cars .car .car-price {
    order: 4;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-start;
    gap: 4px 10px;
    margin: 0;
    padding-top: 10px;
  }
  .c4r-livery .cars .car .car-price > span:first-child {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
  .c4r-livery .cars .car .car-price strong {
    color: var(--c4r-m-price);
    font: 800 30px/32px var(--fd);
    font-style: normal;
    font-variant-numeric: tabular-nums lining-nums;
    white-space: nowrap;
  }
  .c4r-livery .cars .car .car-nf { display: inline; margin-left: auto; color: var(--muted); font: 500 12px/16px var(--fb); }
  .c4r-livery .cars .car .car-loc { order: 5; margin: 6px 0 0; font: 400 12px/16px var(--fm); }
  .c4r-livery .cars .car:has(.car-seller) .car-loc { display: none; }

  /* Seller row: above the card's stretched title link, so it opens the seller page. */
  .c4r-livery .cars .car .car-seller {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 16px;
    border-top: 1px solid var(--line);
    color: var(--ink);
    text-decoration: none;
  }
  .c4r-livery .cars .car a.car-seller:hover .car-seller-name { color: var(--violet); }
  .c4r-livery .cars .car a.car-seller:focus-visible { outline: 2px solid var(--violet); outline-offset: -2px; }
  .c4r-livery .cars .car .car-seller-av {
    display: inline-grid;
    place-items: center;
    flex: none;
    width: 28px;
    height: 28px;
    overflow: hidden;
    border-radius: 50%;
    background: var(--c4r-m-violet-700);
    color: #fff;
    font: italic 800 12px/1 var(--fd);
    letter-spacing: .02em;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--line);
  }
  .c4r-livery .cars .car .car-seller-av :is(picture, img) { display: block; width: 100%; height: 100%; object-fit: cover; }
  /* The name keeps its width (up to about half the row); the area takes what is left. */
  .c4r-livery .cars .car .car-seller-name {
    flex: 0 0 auto;
    max-width: 52%;
    min-width: 0;
    overflow: hidden;
    font: 600 14px/20px var(--fb);
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .c4r-livery .cars .car .car-seller-tag {
    position: relative;
    isolation: isolate;
    flex: none;
    display: inline-flex;
    align-items: center;
    height: 18px;
    padding: 0 7px;
    color: var(--violet);
    font: italic 800 12px/16px var(--fd);
    letter-spacing: .03em;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .c4r-livery .cars .car .car-seller-tag::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    box-shadow: inset 0 0 0 1px var(--violet);
    transform: skewX(-14deg);
  }
  .c4r-livery .cars .car .car-seller-tag.is-dealer { color: #fff; }
  .c4r-livery .cars .car .car-seller-tag.is-dealer::before { background: var(--violet); box-shadow: none; }
  .c4r-livery .cars .car .car-seller-loc {
    flex: 1 1 0;
    min-width: 0;
    padding-left: 8px;
    overflow: hidden;
    color: var(--muted);
    font: 400 12px/16px var(--fm);
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 359px) {
  .c4r-livery .cars .car .car-seller-loc { display: none; }
  .c4r-livery .cars .car:has(.car-seller) .car-loc { display: flex; }
}

/* ── Compact card: <CarCard variant="compact" /> (owner request 2026-10-03) ──────────────────────
   Two per row on phones: 4:3 photo with a small slanted year tag and photo count, then green price,
   mono make, condensed italic model (2 lines) and "149,710 mi · 2018". No trim, no "No buyer fees",
   no seller row (the seller is on the advert page). The whole card is its one stretched title link,
   so the photo badges let taps through. Cards in a row share one height: price, make and model sit
   at the top, the data line at the bottom. Any .cars grid holding compact cards gets two columns. */
@media (max-width: 767px) {
  /* `unified-card.css` is imported after this sheet by the shared card. Keep this selector more
     specific than its two-line clamp so long model names remain fully readable on compact cards. */
  .c4r-livery .cars.c4r-unified-card-grid > .car.is-compact .car-model {
    display: block;
    overflow: visible;
    overflow-wrap: break-word;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    white-space: normal;
  }
  .c4r-livery .cars:has(> .car.is-compact) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 10px; }
  .c4r-livery .cars .car.is-compact .car-year {
    top: 6px;
    left: 6px;
    height: 20px;
    padding: 0 9px;
    font-size: 12px;
    clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%);
    pointer-events: none;
  }
  .c4r-livery .cars .car.is-compact .car-photo-count {
    right: 6px;
    bottom: 6px;
    gap: 3px;
    height: 20px;
    padding: 0 5px;
    font-size: 12px;
    pointer-events: none;
  }
  .c4r-livery .cars .car.is-compact .car-cam { width: 12px; height: 12px; }
  .c4r-livery .cars .car.is-compact .car-body { flex: 1 1 auto; gap: 0; padding: 8px 9px 9px; }
  .c4r-livery .cars .car.is-compact .car-price { order: 1; display: block; padding: 0; }
  /* `font` resets font-variant-numeric, so the tabular figures are set again after it. */
  .c4r-livery .cars .car.is-compact .car-price strong { display: block; font: 800 20px/22px var(--fd); font-variant-numeric: tabular-nums lining-nums; letter-spacing: .01em; }
  .c4r-livery .cars .car.is-compact :is(.car-nf, .car-variant, .car-spec, .car-loc) { display: none; }
  .c4r-livery .cars.c4r-unified-card-grid > .car.is-compact .car-make {
    order: 2;
    margin: 4px 0 0;
    overflow: visible;
    font-size: 12px;
    line-height: 13px;
    letter-spacing: .035em;
    text-overflow: clip;
    white-space: nowrap;
  }
  /* The year already sits on the photo; removing the duplicate keeps the make on one clean line. */
  .c4r-livery .cars .car.is-compact .car-make > span { display: none; }
  .c4r-livery .cars .car.is-compact .car-title { order: 3; margin: 1px 0 0; font-size: 16px; line-height: 17px; }
  .c4r-livery .cars .car.is-compact .car-data {
    order: 4;
    display: block;
    margin: auto 0 0;
    padding-top: 5px;
    overflow: hidden;
    color: var(--muted);
    font: 400 12px/14px var(--fm);
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: normal;
  }
  /* Below 320 px (a small phone with page zoom or large text) two columns would cut the data line,
     so the compact cards stack one per row there (CarCard's COMPACT_SIZES matches). */
  @media (max-width: 319px) {
    .c4r-livery .cars:has(> .car.is-compact) { grid-template-columns: minmax(0, 1fr); }
  }
  /* Large phones / small tablets (600-767 px): the same card a step larger, for the wider columns. */
  @media (min-width: 600px) {
    .c4r-livery .cars:has(> .car.is-compact) { gap: 16px 14px; }
    .c4r-livery .cars .car.is-compact .car-body { padding: 10px 12px 12px; }
    .c4r-livery .cars .car.is-compact .car-price strong { font-size: 24px; line-height: 26px; }
    .c4r-livery .cars .car.is-compact .car-make { font-size: 12px; line-height: 14px; }
    .c4r-livery .cars .car.is-compact .car-title { font-size: 19px; line-height: 20px; }
    .c4r-livery .cars .car.is-compact .car-data { font-size: 12px; line-height: 16px; }
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  @media (max-width: 767px) {
    .c4r-livery .cars .car .car-photo-count { background: var(--c4r-m-glass-fallback); }
  }
}

/* Mission 1: one canonical square vehicle card everywhere the shared adapter is used. */
.c4r-livery.c4r-unified-card {
  --unified-card-line: #e5e0ef;
  --unified-card-line-hover: #d3cbe3;
  --unified-card-price: #087443;
  height: 100%;
  min-width: 0;
}

.c4r-livery .cars.c4r-unified-card-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  height: 100%;
  margin: 0;
}

/* Mobile audit 2026-10-10: this wrapper holds exactly one card. mobile-m1-card.css gives any .cars grid with
   compact cards two columns on phones (`.cars:has(> .car.is-compact)`), which squeezed every shared card
   (advert "Similar cars", saved cars, recently viewed) into half its own cell, with the price and photo
   controls on top of each other. The second selector outranks that one whatever order the route chunks load the sheets in. */
/* A shared card with something after it in the same cell (the advert's "What it shares:" line) takes its
   own height; at 100% of a stretched grid cell it pushed that line out over the next section. */
.c4r-livery.c4r-unified-card:not(:only-child) { height: auto; }
.c4r-livery .cars.c4r-unified-card-grid:has(> .car),
.c4r-livery .cars.c4r-unified-card-grid:has(> .car.is-compact) { grid-template-columns: minmax(0, 1fr); }

.c4r-livery .cars.c4r-unified-card-grid > .car {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--unified-card-line);
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  transition: border-color 160ms ease-out, transform 160ms ease-out;
}

.c4r-livery .cars.c4r-unified-card-grid > .car:hover {
  border-color: var(--unified-card-line-hover);
  transform: translateY(-2px);
  box-shadow: none;
}

.c4r-livery .cars.c4r-unified-card-grid > .car .car-media {
  flex: none;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 4 / 3;
  border-radius: 0;
  background: #f6f3fc;
}

.c4r-livery .cars.c4r-unified-card-grid > .car .car-media :is(picture, img) {
  display: block;
  width: 100%;
  height: 100%;
}

.c4r-livery .cars.c4r-unified-card-grid > .car .car-media img {
  object-fit: cover;
  transform: none;
  transition: none;
}

.c4r-livery .cars.c4r-unified-card-grid > .car .car-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  padding: 10px 11px 12px;
}

.c4r-livery .cars.c4r-unified-card-grid > .car .car-price {
  order: 1;
  display: block;
  margin: 0;
  padding: 0;
}

.c4r-livery .cars.c4r-unified-card-grid > .car .car-price > span:first-child {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.c4r-livery .cars.c4r-unified-card-grid > .car .car-price strong {
  display: block;
  color: #087443;
  font: 800 24px/26px var(--fd);
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: .01em;
  white-space: nowrap;
}

.c4r-livery .cars.c4r-unified-card-grid > .car .car-make {
  order: 2;
  margin: 6px 0 0;
  overflow: hidden;
  color: var(--violet);
  font: 500 12px/15px var(--fm);
  letter-spacing: .07em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.c4r-livery .cars.c4r-unified-card-grid > .car .car-title {
  order: 3;
  margin: 2px 0 0;
  font: italic 800 19px/21px var(--fd);
  letter-spacing: 0;
  text-transform: uppercase;
}

.c4r-livery .cars.c4r-unified-card-grid > .car .car-model {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

.c4r-livery .cars.c4r-unified-card-grid > .car .car-data {
  order: 4;
  display: block;
  margin: auto 0 0;
  padding-top: 8px;
  overflow: hidden;
  color: var(--muted);
  font: 400 12px/16px var(--fm);
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c4r-livery .cars.c4r-unified-card-grid > .car :is(.car-variant, .car-spec, .car-loc, .car-nf, .car-seller, .car-cam) {
  display: none;
}

.c4r-livery .cars.c4r-unified-card-grid > .car .car-year,
.c4r-livery .cars.c4r-unified-card-grid > .car .car-photo-count {
  border-radius: 0;
}

.c4r-livery .cars.c4r-unified-card-grid > .car .unified-card-actions {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 6px;
}

.c4r-livery .cars.c4r-unified-card-grid > .car .unified-card-actions :is(button, a) {
  position: relative;
  z-index: 3;
}

@media (min-width: 768px) {
  .c4r-livery .cars.c4r-unified-card-grid > .car .car-body {
    padding: 12px 14px 14px;
  }

  .c4r-livery .cars.c4r-unified-card-grid > .car .car-price strong {
    font-size: 28px;
    line-height: 30px;
  }

  .c4r-livery .cars.c4r-unified-card-grid > .car .car-title {
    font-size: 21px;
    line-height: 23px;
  }
}

@media (max-width: 420px) {
  .c4r-livery .cars.c4r-unified-card-grid > .car .unified-card-actions {
    top: 5px;
    right: 5px;
    gap: 3px;
  }
}

/* Canonical compact contract for cards rendered directly by Home, /cars and seller profiles. */
.c4r-livery .cars > .car.is-compact {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.c4r-livery .cars > .car.is-compact .car-media {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3;
  border-radius: 0 !important;
}

.c4r-livery .cars > .car.is-compact .car-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

.c4r-livery .cars > .car.is-compact .car-price { order: 1; }
.c4r-livery .cars > .car.is-compact .car-price strong { color: #087443 !important; }
.c4r-livery .cars > .car.is-compact .car-make { order: 2; }
.c4r-livery .cars > .car.is-compact .car-title { order: 3; }
.c4r-livery .cars > .car.is-compact .car-data {
  order: 4;
  display: block !important;
  margin-top: auto;
  font-variant-numeric: tabular-nums;
}

.c4r-livery .cars > .car.is-compact :is(.car-variant, .car-spec, .car-loc, .car-nf, .car-seller, .car-cam) {
  display: none !important;
}

@media (min-width: 1024px) {
  .c4r-livery .cars.marketplace-cars,
  .c4r-livery .cars.pv-cars {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1280px) {
  .c4r-livery .cars.marketplace-cars,
  .c4r-livery .cars.pv-cars {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}