/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 15 2026 | 12:12:20 */
/* General CSS - v1.0.3 */

:root {
  /* ===== COLOR SYSTEM ===== */
  --white: #ffffff;
  --black: #000000;
  --black-rgb: 0,0,0;
  --bg-gray: #F6FAFE;
  --gray-50: #f5f5f5;
  --gray-200: #e0e0e0;
  --gray-400: #999999;
  --gray-600: #666666;
  --gray-700: #494951;
  --gray-800: #333333;
  --gray-900: #222222;
  --black-100: #3B3B3B;
  --blue-500: #007bff;
  --yellow-400: #ffdc2e;
  --strong-blue: #0084FC;
  --emit-pink-light: #FAEEFC;
  --emit-pink-light-2: #FADFFF;
  --emit-pink: #F94BC0;
  --emit-pink-dark: #AA0EA3;
  --gray-slate: #526074;
  --blue-50: #F4F9FF;
  --navy: #113069;
  --red-500: #ff0004;
  --green-500: #64AF5B;
  --color-box-neutral: #FAFAFA;

/* ===== SPACING (px) ===== */
  --sp-0: 0px;
  --sp-px: 1px;
  --sp-0-5: 2px;
  --sp-1: 4px;
  --sp-1-5: 6px;
  --sp-2: 8px;
  --sp-2-5: 10px;
  --sp-3: 12px;
  --sp-3-5: 14px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 28px;
  --sp-8: 32px;
  --sp-9: 36px;
  --sp-10: 40px;
  --sp-11: 44px;
  --sp-12: 48px;
  --sp-14: 56px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;
  --sp-28: 112px;
  --sp-32: 128px;
  --sp-36: 144px;
  --sp-40: 160px;
  --sp-44: 176px;
  --sp-48: 192px;
  --sp-52: 208px;
  --sp-56: 224px;
  --sp-60: 240px;

  /* ===== TYPOGRAPHY ===== */
  --text-xs: 0.75rem;   /* 12px */
  --text-sm: 0.875rem;  /* 14px */
  --text-base: 1rem;    /* 16px */
  --text-lg: 1.125rem;  /* 18px */
  --text-xl: 1.25rem;   /* 20px */
  --text-2xl: 1.5rem;   /* 24px */
  --text-3xl: 1.75rem;  /* 28px */
  --text-4xl: 2rem;     /* 32px */
  --text-5xl: 2.5rem;   /* 40px */
  --text-6xl: 3rem;     /* 48px */
  --text-7xl: 3.75rem;  /* 60px */
  --text-8xl: 4.5rem;   /* 72px */
  --text-9xl: 6rem;     /* 96px */
  
  --leading-tight-sm: 1.0;
  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;

  --font-thin: 100;
  --font-extralight: 200;
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;
  --font-black: 900;

  /* ===== CLAMP VALUES - SIZE SCALE ===== */
  --clamp-6xl: clamp(var(--text-5xl), 6vw, var(--text-7xl));    /* 40px → 60px */
  --clamp-5xl: clamp(var(--text-4xl), 5.5vw, var(--text-6xl));  /* 32px → 48px */
  --clamp-4xl: clamp(var(--text-3xl), 5vw, var(--text-5xl));    /* 28px → 40px */
  --clamp-3xl: clamp(var(--text-2xl), 4.5vw, var(--text-4xl));  /* 24px → 32px */
  --clamp-2xl: clamp(var(--text-xl), 4vw, var(--text-3xl));     /* 20px → 28px */
  --clamp-xl: clamp(var(--text-lg), 3.5vw, var(--text-2xl));    /* 18px → 24px */
  --clamp-lg: clamp(var(--text-base), 3vw, var(--text-xl));     /* 16px → 20px */
  --clamp-base: clamp(var(--text-base), 2.5vw, var(--text-lg)); /* 16px → 18px */
  --clamp-sm: clamp(var(--text-sm), 2vw, var(--text-base));     /* 14px → 16px */
  --clamp-xs: clamp(var(--text-xs), 1.5vw, var(--text-sm));     /* 12px → 14px */

  /* ===== CLAMP VALUES - ICON SCALE ===== */
  --icon-xs: clamp(24px, 3vw, 28px);
  --icon-sm: clamp(28px, 3vw, 32px);
  --icon-md: clamp(36px, 3.5vw, 40px);
  --icon-lg: clamp(38px, 4vw, 44px);
  --icon-xl: clamp(44px, 4.5vw, 52px);
  --icon-2xl: clamp(52px, 5vw, 60px); 
  --icon-3xl: clamp(60px, 5.5vw, 72px);
  --icon-4xl: clamp(72px, 6vw, 96px);
  --icon-5xl: clamp(96px, 6.5vw, 128px);

}

/* ===== RESETS ===== */
* { font-family: 'Work Sans', sans-serif; }

body {
  margin: 0;
}
blockquote,
p {
  margin: 0;
}

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

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

address {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

button {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  outline: none;
}

/* ===== DISPLAY ===== */
.block { display: block !important; }
.grid { display: grid !important; }

/* ===== FLEX ===== */
.flex { display: flex !important; }
.inline-flex { display: inline-flex !important; }
.flex-col { flex-direction: column !important; }
.flex-row { flex-direction: row !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.justify-start { justify-content: flex-start !important; }
.justify-end { justify-content: flex-end !important; }
.justify-center { justify-content: center !important; }
.justify-between { justify-content: space-between !important; }
.justify-around { justify-content: space-around !important; }
.items-start { align-items: flex-start !important; }
.items-end { align-items: flex-end !important; }
.items-center { align-items: center !important; }
.items-stretch { align-items: stretch !important; }
.self-start { align-self: flex-start !important; }
.self-end { align-self: flex-end !important; }
.self-center { align-self: center !important; }
.flex-7 { flex: 0.7 !important; }
.flex-5 { flex: 0.5 !important; }
.flex-3 { flex: 0.3 !important; }
.flex-1 { flex: 1 !important; }
.flex-auto { flex: auto !important; }
.flex-none { flex: none !important; }
.no-shrink { flex-shrink: 0 !important; }
.hidden { display: none !important; }

.mobile-only {
  display: initial !important;
}

.mobile-only-flex {
  display: flex !important;
}

@media (min-width: 1025px) {
  .mobile-only {
    display: none !important;
  }

  .mobile-only-flex {
    display: none !important;
  }
}

.desktop-only {
  display: none !important;
}

@media (min-width: 1025px) {
  .desktop-only {
    display: initial !important;
  }
}

/* ===== MARGINS ===== */
.m-0 { margin: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mr-0 { margin-right: 0 !important; }
.ml-0 { margin-left: 0 !important; }
.mb-1 { margin-bottom: var(--sp-1) !important; }
.mt-1 { margin-top: var(--sp-1) !important; }
.mr-1 { margin-right: var(--sp-1) !important; }
.ml-1 { margin-left: var(--sp-1) !important; }
.mb-1-5 { margin-bottom: var(--sp-1-5) !important; }
.mt-1-5 { margin-top: var(--sp-1-5) !important; }
.mr-1-5 { margin-right: var(--sp-1-5) !important; }
.ml-1-5 { margin-left: var(--sp-1-5) !important; }
.mb-2 { margin-bottom: var(--sp-2) !important; }
.mt-2 { margin-top: var(--sp-2) !important; }
.mr-2 { margin-right: var(--sp-2) !important; }
.ml-2 { margin-left: var(--sp-2) !important; }
.mb-3 { margin-bottom: var(--sp-3) !important; }
.mt-3 { margin-top: var(--sp-3) !important; }
.mr-3 { margin-right: var(--sp-3) !important; }
.ml-3 { margin-left: var(--sp-3) !important; }
.mb-4 { margin-bottom: var(--sp-4) !important; }
.mt-4 { margin-top: var(--sp-4) !important; }
.mr-4 { margin-right: var(--sp-4) !important; }
.ml-4 { margin-left: var(--sp-4) !important; }
.mb-6 { margin-bottom: var(--sp-6) !important; }
.mt-6 { margin-top: var(--sp-6) !important; }
.mr-6 { margin-right: var(--sp-6) !important; }
.ml-6 { margin-left: var(--sp-6) !important; }
.mb-8 { margin-bottom: var(--sp-8) !important; }
.mt-8 { margin-top: var(--sp-8) !important; }
.mr-8 { margin-right: var(--sp-8) !important; }
.ml-8 { margin-left: var(--sp-8) !important; }
.mb-10 { margin-bottom: var(--sp-10) !important; }
.mt-10 { margin-top: var(--sp-10) !important; }
.mr-10 { margin-right: var(--sp-10) !important; }
.ml-10 { margin-left: var(--sp-10) !important; }
.mb-12 { margin-bottom: var(--sp-12) !important; }
.mt-12 { margin-top: var(--sp-12) !important; }
.mr-12 { margin-right: var(--sp-12) !important; }
.ml-12 { margin-left: var(--sp-12) !important; }

/* ========== All sides ========== */
.p-0 { padding: 0 !important; }
.p-1 { padding: var(--sp-1) !important; }
.p-1-5 { padding: var(--sp-1-5) !important; }
.p-2 { padding: var(--sp-2) !important; }
.p-4 { padding: var(--sp-4) !important; }
.p-6 { padding: var(--sp-6) !important; }
.p-8 { padding: var(--sp-8) !important; }
.p-12 { padding: var(--sp-12) !important; }

/* ========== Vertical (top + bottom) ========== */
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: var(--sp-1) !important; padding-bottom: var(--sp-1) !important; }
.py-1-5 { padding-top: var(--sp-1-5) !important; padding-bottom: var(--sp-1-5) !important; }
.py-2 { padding-top: var(--sp-2) !important; padding-bottom: var(--sp-2) !important; }
.py-4 { padding-top: var(--sp-4) !important; padding-bottom: var(--sp-4) !important; }
.py-6 { padding-top: var(--sp-6) !important; padding-bottom: var(--sp-6) !important; }
.py-8 { padding-top: var(--sp-8) !important; padding-bottom: var(--sp-8) !important; }
.py-12 { padding-top: var(--sp-12) !important; padding-bottom: var(--sp-12) !important; }

/* ========== Horizontal (left + right) ========== */
.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-1 { padding-left: var(--sp-1) !important; padding-right: var(--sp-1) !important; }
.px-1-5 { padding-left: var(--sp-1-5) !important; padding-right: var(--sp-1-5) !important; }
.px-2 { padding-left: var(--sp-2) !important; padding-right: var(--sp-2) !important; }
.px-4 { padding-left: var(--sp-4) !important; padding-right: var(--sp-4) !important; }
.px-6 { padding-left: var(--sp-6) !important; padding-right: var(--sp-6) !important; }
.px-8 { padding-left: var(--sp-8) !important; padding-right: var(--sp-8) !important; }
.px-12 { padding-left: var(--sp-12) !important; padding-right: var(--sp-12) !important; }

/* ========== Existing directional utilities (kept as-is) ========== */
.pb-1 { padding-bottom: var(--sp-1) !important; }
.pt-1 { padding-top: var(--sp-1) !important; }
.pr-1 { padding-right: var(--sp-1) !important; }
.pl-1 { padding-left: var(--sp-1) !important; }
.pb-1-5 { padding-bottom: var(--sp-1-5) !important; }
.pt-1-5 { padding-top: var(--sp-1-5) !important; }
.pr-1-5 { padding-right: var(--sp-1-5) !important; }
.pl-1-5 { padding-left: var(--sp-1-5) !important; }
.pb-2 { padding-bottom: var(--sp-2) !important; }
.pt-2 { padding-top: var(--sp-2) !important; }
.pr-2 { padding-right: var(--sp-2) !important; }
.pl-2 { padding-left: var(--sp-2) !important; }
.pb-4 { padding-bottom: var(--sp-4) !important; }
.pt-4 { padding-top: var(--sp-4) !important; }
.pr-4 { padding-right: var(--sp-4) !important; }
.pl-4 { padding-left: var(--sp-4) !important; }
.pb-6 { padding-bottom: var(--sp-6) !important; }
.pt-6 { padding-top: var(--sp-6) !important; }
.pr-6 { padding-right: var(--sp-6) !important; }
.pl-6 { padding-left: var(--sp-6) !important; }
.pb-8 { padding-bottom: var(--sp-8) !important; }
.pt-8 { padding-top: var(--sp-8) !important; }
.pr-8 { padding-right: var(--sp-8) !important; }
.pl-8 { padding-left: var(--sp-8) !important; }
.pb-12 { padding-bottom: var(--sp-12) !important; }
.pt-12 { padding-top: var(--sp-12) !important; }
.pr-12 { padding-right: var(--sp-12) !important; }
.pl-12 { padding-left: var(--sp-12) !important; }

/* ===== TEXT COLORS ===== */
.text-pink { color: var(--emit-pink) !important; }
.text-blue { color: var(--strong-blue) !important; }
.text-gray { color: var(--gray-slate) !important; }
.text-white { color: var(--white) !important; }
.text-black { color: var(--black) !important; }
.text-green { color: var(--green-500) !important; }
.text-red { color: var(--red-500) !important; }

/* ===== FONT SIZE ===== */
.font-6xl { font-size: var(--clamp-6xl) !important; }
.font-5xl { font-size: var(--clamp-5xl) !important; }
.font-4xl { font-size: var(--clamp-4xl) !important; }
.font-3xl { font-size: var(--clamp-3xl) !important; }
.font-2xl { font-size: var(--clamp-2xl) !important; }
.font-xl { font-size: var(--clamp-xl) !important; }
.font-lg { font-size: var(--clamp-lg) !important; }
.font-base { font-size: var(--clamp-base) !important; }
.font-sm { font-size: var(--clamp-sm) !important; }
.font-xs { font-size: var(--clamp-xs) !important; }

/* ===== FONT WEIGHTS ===== */
.font-thin { font-weight: var(--font-thin) !important; }
.font-extralight { font-weight: var(--font-extralight) !important; }
.font-light { font-weight: var(--font-light) !important; }
.font-normal { font-weight: var(--font-normal) !important; }
.font-medium { font-weight: var(--font-medium) !important; }
.font-semibold { font-weight: var(--font-semibold) !important; }
.font-bold { font-weight: var(--font-bold) !important; }
.font-extrabold { font-weight: var(--font-extrabold) !important; }
.font-black { font-weight: var(--font-black) !important; }

/* ===== TEXT STYLES ===== */
.italic { font-style: italic !important; }
.underline { text-decoration-line: underline !important; }

.underline-offset-1 { text-underline-offset: 1px; }
.underline-offset-2 { text-underline-offset: 2px; }
.underline-offset-3 { text-underline-offset: 3px; }
.underline-offset-4 { text-underline-offset: 4px; }

/* ===== TEXT TRANSFORM ===== */
.uppercase { text-transform: uppercase !important; }
.lowercase { text-transform: lowercase !important; }
.capitalize { text-transform: capitalize !important; }

/* ===== TEXT ALIGN ===== */
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

/* ===== LINE HEIGHTS ===== */
.leading-tight-sm { line-height: var(--leading-tight-sm) !important; }
.leading-tight { line-height: var(--leading-tight) !important; }
.leading-normal { line-height: var(--leading-normal) !important; }
.leading-relaxed { line-height: var(--leading-relaxed) !important; }

/* ===== GAP ===== */
.gap-1 { gap: var(--sp-1) !important; }
.gap-2 { gap: var(--sp-2) !important; }
.gap-3 { gap: var(--sp-3) !important; }
.gap-4 { gap: var(--sp-4) !important; }
.gap-5 { gap: var(--sp-5) !important; }
.gap-6 { gap: var(--sp-6) !important; }
.gap-8 { gap: var(--sp-8) !important; }
.gap-10 { gap: var(--sp-10) !important; }
.gap-12 { gap: var(--sp-12) !important; }

/* ===== BORDER-WIDTH ===== */
.border-0 {border: none !important; }

/* ===== BORDER-RADIUS ===== */
.rounded-2 { border-radius: var(--sp-2) !important; }
.rounded-4 { border-radius: var(--sp-4) !important; }
.rounded-8 { border-radius: var(--sp-8) !important; }
.rounded-full { border-radius: 50% !important; }

/* ===== BACKGROUND COLORS ===== */
.bg-black { background-color: var(--black) !important; }
.bg-white { background-color: var(--white) !important; }
.bg-emit-pink-light { background-color: var(--emit-pink-light) !important; }
.bg-emit-pink-light-2 { background-color: var(--emit-pink-light-2) !important; }
.bg-color-box-neutral { background-color: var(--color-box-neutral) !important; }
.bg-blue-50 { background-color: var(--blue-50) !important; }
.bg-gray-50 { background-color: var(--gray-50) !important; }
.bg-gray-700 { background-color: var(--gray-700) ;}

/* ===== POSITIONS ===== */
.relative { position: relative !important; }
.absolute { position: absolute !important; }
.fixed { position: fixed !important; }

/* ===== Z-INDEX ===== */
.z-0     { z-index: 0; }
.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-auto  { z-index: auto; }

/* ===== OPACITY ===== */
.opacity-0 { opacity: 0 !important; }
.opacity-30 { opacity: 0.3 !important; }
.opacity-60 { opacity: 0.6 !important; }
.opacity-70 { opacity: 0.7 !important; }

.pointer-events-none { pointer-events: none !important ;}

/* ===== WIDTHS ===== */
.w-100 { width: 100% !important; }
.h-100 { height: 100% !important; }

.col-to-row {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1025px) {
  .col-to-row {
    flex-direction: row;
  }
}
.row-to-col {
  display: flex;
  flex-direction: row;
}
@media (min-width: 1025px) {
  .row-to-col  {
    flex-direction: column;
  }
}

/* ===== COMPONENTS - BUTTONS ===== */
.emit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2-5);
  padding: var(--sp-5) var(--sp-10);
  border: none;
  font-size: var(--text-lg);
  font-weight: var(--font-semibold);
  color: var(--white);
  letter-spacing: 0.01em; /* no letter-spacing variable - flagged for design review */
  background-color: var(--emit-pink);
  border-radius: var(--sp-4);
  cursor: pointer;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
}

.emit-btn--sm {
  padding: var(--sp-3) var(--sp-6);
  font-size: var(--text-base);
  border-radius: var(--sp-3);
}

.emit-btn--xs {
  padding: var(--sp-2) var(--sp-4);
  font-size: var(--text-xs);
  border-radius: var(--sp-2);
}

.emit-btn:hover {
  background-color: var(--emit-pink-dark);
  color: var(--white);
}

.emit-btn:active {
  transform: scale(0.98); /* no scale variable - flagged for design review */
}

.emit-btn--lg {
  font-size: var(--text-xl);
  padding: var(--sp-6) var(--sp-12);
}

/* ===== COMPONENTS - BADGE ===== */
.emit-badge {
  display: inline-flex;
  align-items: center;
  padding: var(--sp-0-5) var(--sp-5); /* Figma: 3px 20px - 3px rounded down to --sp-0-5 (2px) */
  font-size: var(--clamp-xs); /* Figma: 13px - rounded to --text-xs (12px) */
  font-weight: var(--font-semibold);
  white-space: nowrap;
  border-radius: var(--sp-5);
}

.emit-badge--red {
  background-color: #ffa6a6;
  color: #a41616;
}
.emit-badge--green {
  background-color: #DBFBD7;
  color: #153F10;
}
.emit-badge--blue {
  background-color: var(--blue-50);
  color: var(--strong-blue);
}
.emit-badge--black {
  background-color: var(--black-100);
  color: var(--white);
}
.emit-badge--pink {
  background-color: #ffd9f6;
  color: var(--emit-pink);
}
.emit-badge--purple {
  background-color: #e9aef6;
  color: #9222a6;
}
.emit-badge--best {
  background-color: #cdf0c9;
  color: #2e8125;
}
.emit-badge--great {
  background-color: #f2dfd2;
  color: #dd8347;
}
.emit-badge--good {
  background-color: #e5e5e5;
  color: var(--black-100);
}
.emit-badge--limited {
  background-color: #f8dedc;
  color: #db4437;
}

/* ===== INDIVIDUAL BLOG ARTICLE ===== */

.emit-icon--xs {
  width: var(--icon-xs);
  height: var(--icon-xs);
}

.emit-icon--sm {
  width: var(--icon-sm);
  height: var(--icon-sm);
}

.emit-icon--md {
  width: var(--icon-md);
  height: var(--icon-md);
}

.emit-icon--lg {
  width: var(--icon-lg);
  height: var(--icon-lg);
}

.emit-icon--xl {
  width: var(--icon-xl);
  height: var(--icon-xl);
}

.emit-icon--2xl {
  width: var(--icon-2xl);
  height: var(--icon-2xl);
}

.emit-icon--3xl {
  width: var(--icon-3xl);
  height: var(--icon-3xl);
}

.emit-icon--5xl {
  width: var(--icon-5xl);
  height: var(--icon-5xl);
}

.emit-icon--28 {
  width: var(--sp-28);
  height: var(--sp-28);
}

.grayscale { filter: grayscale(1) !important; }

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}