/* wemotion Design System 2.0 — generated from tokens.json */
:root, [data-theme="default"] {
  --wm-primary: #ffbb0a;
  --wm-primary-hover: #ffcd2e;
  --wm-primary-soft: #fff2ce;
  --wm-secondary: #6649cd;
  --wm-secondary-soft: #e0daf5;
  --wm-dark: #000000;
  --wm-light: #eeeeee;
  --wm-white: #ffffff;
  --wm-fg-1: #111827;
  --wm-fg-2: rgba(17, 24, 39, 0.75);
  --wm-fg-3: rgba(17, 24, 39, 0.50);
  --wm-fg-on-primary: #000000;
  --wm-fg-on-dark: #ffffff;
  --wm-bg: #ffffff;
  --wm-bg-light: #f3f4f6;
  --wm-bg-soft: #e5e7eb;
  --wm-bg-dark: #000000;
  --wm-bg-primary: #ffbb0a;
  --wm-bg-secondary: #6649cd;
  --wm-gray-100: #f3f4f6;
  --wm-gray-200: #e5e7eb;
  --wm-gray-300: #d1d5db;
  --wm-gray-400: #9ca3af;
  --wm-gray-500: #6b7280;
  --wm-gray-600: #4b5563;
  --wm-gray-700: #374151;
  --wm-gray-800: #1f2937;
  --wm-gray-900: #111827;
  --wm-success: #15ce4a;
  --wm-info: #06b6d4;
  --wm-warning: #f59e0b;
  --wm-danger: #ef4444;
  --wm-link: #ffbb0a;
  --wm-link-hover: rgb(204, 150, 8);
  --wm-border: #d1d5db;
  --wm-border-soft: rgba(0, 0, 0, 0.175);
  --wm-border-light: rgba(255, 255, 255, 0.25);
  --wm-shadow-sm: 0 1px 2px 0 rgba(0,0,0,.05);
  --wm-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
  --wm-shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);
  --wm-shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
  --wm-shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04);
  --wm-shadow-inset: inset 0 1px 2px rgba(0,0,0,.075);
  --wm-shadow-focus: 0 0 0 0.25rem rgba(255,187,10,.25);
}
:root {
  --wm-fs-h1: 2.5rem;
  --wm-fs-h2: 2rem;
  --wm-fs-h3: 1.75rem;
  --wm-fs-h4: 1.5rem;
  --wm-fs-h5: 1.25rem;
  --wm-fs-h6: 1rem;
  --wm-fs-body: 1rem;
  --wm-fs-lead: 1.25rem;
  --wm-fs-small: 0.875em;
  --wm-fs-display-1: 5rem;
  --wm-fs-display-2: 4.5rem;
  --wm-fs-display-3: 4rem;
  --wm-fs-display-4: 3.5rem;
  --wm-space-0: 0;
  --wm-space-1: 0.25rem;
  --wm-space-2: 0.5rem;
  --wm-space-3: 1rem;
  --wm-space-4: 1.5rem;
  --wm-space-5: 3rem;
  --wm-space-6: 4rem;
  --wm-space-8: 6rem;
  --wm-container-sm: 540px;
  --wm-container-md: 720px;
  --wm-container-lg: 960px;
  --wm-container-xl: 1140px;
  --wm-container-xxl: 1320px;
  --wm-radius-sm: 0.125rem;
  --wm-radius: 0.25rem;
  --wm-radius-lg: 0.5rem;
  --wm-radius-xl: 0.75rem;
  --wm-radius-xxl: 2rem;
  --wm-radius-pill: 50rem;
  --wm-radius-circle: 50%;
  --wm-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --wm-dur-fast: 0.15s;
  --wm-dur-base: 0.2s;
  --wm-dur-slow: 0.3s;
  --wm-primary-rgb: 255, 187, 10;
  --wm-secondary-rgb: 102, 73, 205;
  --wm-gradient-ai: linear-gradient(135deg, #FFBB0A, #6649CD);
  --wm-fw-light: 300;
  --wm-fw-regular: 400;
  --wm-fw-medium: 500;
  --wm-fw-semibold: 600;
  --wm-fw-bold: 700;
  --wm-fw-extrabold: 800;
  --wm-fw-black: 900;
  --wm-lh-heading: 1.2;
  --wm-lh-body: 1.5;
  --wm-lh-loose: 1.7;
  --text-body: 400 16px/1.5 inherit; /* From `body` in colors_and_type.css, ui_kits/website/styles.css — its font-family var(--wm-font-sans) is not one of the system’s font tokens. */
  --text-h1: 500 44px/1.2 inherit; /* From `h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, ` · `h1, .h1` · `h1,h2,h3,h4,h5,h6` in colors_and_type.css, ui_kits/website/styles.css — size is clamp(28px, 4vw + 12px, 44px) in CSS; the largest bound is shown; also `.h1` (40px). */
  --text-h2: 500 34px/1.2 inherit; /* From `h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, ` · `h2, .h2` · `h1,h2,h3,h4,h5,h6` in colors_and_type.css, ui_kits/website/styles.css — size is clamp(24px, 2.5vw + 12px, 34px) in CSS; the largest bound is shown; also `.h2` (32px). */
  --text-h3: 500 26px/1.2 inherit; /* From `h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, ` · `h3, .h3` · `h1,h2,h3,h4,h5,h6` in colors_and_type.css, ui_kits/website/styles.css — size is clamp(20px, 1.5vw + 10px, 26px) in CSS; the largest bound is shown; also `.h3` (28px). */
  --text-h4: 500 20px/1.2 inherit; /* From `h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, ` · `h4, .h4` · `h1,h2,h3,h4,h5,h6` in colors_and_type.css, ui_kits/website/styles.css; also `.h4` (24px). */
  --text-h5: 500 20px/1.2 inherit; /* From `h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, ` · `h5, .h5` · `h1,h2,h3,h4,h5,h6` in colors_and_type.css, ui_kits/website/styles.css; also `.h5`. */
  --text-h6: 500 16px/1.2 inherit; /* From `h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, ` · `h6, .h6` · `h1,h2,h3,h4,h5,h6` in colors_and_type.css, ui_kits/website/styles.css; also `.h6`. */
  --text-small: 400 0.875em/1.5 inherit; /* From `small, .small` in colors_and_type.css; also `.small`. */
  --text-code: 400 0.875em/1.5 inherit; /* From `pre, code, kbd, samp` · `code` in colors_and_type.css — its font-family ui-monospace, monospace is not one of the system’s font tokens. */
  --text-pre: 400 1em/1.5 inherit; /* From `pre, code, kbd, samp` in colors_and_type.css — its font-family ui-monospace, monospace is not one of the system’s font tokens. */
  --text-kbd: 400 1em/1.5 inherit; /* From `pre, code, kbd, samp` in colors_and_type.css — its font-family ui-monospace, monospace is not one of the system’s font tokens. */
  --text-lead: 300 20px/1.5 inherit; /* From `.lead` in colors_and_type.css, ui_kits/website/styles.css. */
  --text-display-1: 300 80px/1.2 inherit; /* From `.display-1` in colors_and_type.css. */
  --text-display-2: 300 72px/1.2 inherit; /* From `.display-2` in colors_and_type.css. */
  --text-display-3: 300 64px/1.2 inherit; /* From `.display-3` in colors_and_type.css. */
  --text-display-4: 300 56px/1.2 inherit; /* From `.display-4` in colors_and_type.css. */
}
.body {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
}
.h1 {
  font-size: 44px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0;
}
.h2 {
  font-size: 34px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0;
}
.h3 {
  font-size: 26px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0;
}
.h4 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0;
}
.h5 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0;
}
.h6 {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0;
}
.small {
  font-size: 0.875em;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
}
.code {
  font-size: 0.875em;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
}
.pre {
  font-size: 1em;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
}
.kbd {
  font-size: 1em;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
}
.lead {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 300;
  letter-spacing: 0;
}
.display-1 {
  font-size: 80px;
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: 0;
}
.display-2 {
  font-size: 72px;
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: 0;
}
.display-3 {
  font-size: 64px;
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: 0;
}
.display-4 {
  font-size: 56px;
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: 0;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("fonts/roboto-condensed-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("fonts/roboto-condensed-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("fonts/roboto-condensed-400italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("fonts/roboto-condensed-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("fonts/roboto-condensed-500italic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("fonts/roboto-condensed-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("fonts/roboto-condensed-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("fonts/roboto-condensed-800.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("fonts/roboto-condensed-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}