@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&family=Karla:wght@400;500;600;700&display=swap');

:root {
  --color-bg-primary: #fafafa;
  --color-bg-secondary: #f4f4f5;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #18181b;
  --color-text-secondary: #3f3f46;
  --color-text-muted: #68686e;

  --color-primary: #0d9488;
  --color-primary-hover: #0f766e;
  --color-primary-light: #ccf7f3;
  --color-primary-lighter: #e6fbf9;

  --color-secondary: #2dd4bf;
  --color-secondary-light: #d4f8f6;
  --color-secondary-lighter: #e9fcfa;

  --color-success: #10b981;
  --color-success-light: #d1fae5;

  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;

  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #e4e4e7;
  --color-border-light: #f0f0f1;

  --font-primary: 'Karla', sans-serif;
  --font-heading: 'Rubik', sans-serif;

  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 2.5rem;
  --spacing-3xl: 3rem;
  --spacing-4xl: 4rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;

  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

  --line-height-tight: 1.25;
  --line-height-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 1.75;

  --letter-spacing-tight: -0.01em;
  --letter-spacing-normal: 0em;
  --letter-spacing-wide: 0.025em;

  
  --color-accent: var(--color-primary);
  --color-accent-hover: var(--color-primary-hover);
  --color-accent-dark: var(--color-accent-hover);
  --color-primary-dark: var(--color-accent-dark);
  --color-accent-light: var(--color-primary-light);
  --color-secondary-hover: var(--color-secondary-light);
  --color-text-on-accent: #111418;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: var(--line-height-normal);
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
}

h1 {
  font-size: 3.5rem;
  letter-spacing: var(--letter-spacing-tight);
}

h2 {
  font-size: 2.5rem;
  letter-spacing: var(--letter-spacing-tight);
}

h3 {
  font-size: 2rem;
  letter-spacing: var(--letter-spacing-tight);
}

h4 {
  font-size: 1.5rem;
  letter-spacing: var(--letter-spacing-tight);
}

h5 {
  font-size: 1.25rem;
  letter-spacing: var(--letter-spacing-normal);
}

h6 {
  font-size: 1rem;
  letter-spacing: var(--letter-spacing-normal);
}

p {
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
}

a:hover {
  color: var(--color-primary-hover);
}

a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

button {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

input, textarea, select {
  font-family: var(--font-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
  font-size: 1rem;
  color: var(--color-text-primary);
  background: var(--color-bg-card);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

input::placeholder, textarea::placeholder {
  color: var(--color-text-muted);
}

.jb30 {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

.b7fb {
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: 1rem;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  cursor: pointer;
  border: none;
}

.p8abac {
  background: var(--color-primary);
  color: white;
  box-shadow: var(--shadow-sm);
}

.p8abac:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

.p8abac:active {
  transform: scale(0.98);
}

.ba7ecd {
  background: var(--color-secondary);
  color: var(--color-text-primary);
  box-shadow: var(--shadow-sm);
}

.ba7ecd:hover {
  background: #1ac9b3;
  box-shadow: var(--shadow-md);
}

.fd58 {
  background: transparent;
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
}

.fd58:hover {
  background: var(--color-primary-light);
}

.l3f54579 {
  background: transparent;
  color: var(--color-primary);
}

.l3f54579:hover {
  background: var(--color-bg-secondary);
}

.b7fb:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.j63b8ba {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-xl);
  padding: var(--spacing-xl);
  box-shadow: var(--shadow-xs);
  transition: all var(--transition-base);
}

.j63b8ba:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-border);
}

.p43 {
  padding: var(--spacing-lg);
}

.ae9ffe {
  box-shadow: var(--shadow-lg);
}

.occ0e {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  background: var(--color-primary-light);
  color: var(--color-primary);
}

.f12 {
  background: var(--color-secondary-light);
  color: var(--color-primary-hover);
}

.c2ca5f5 {
  background: var(--color-success-light);
  color: var(--color-success);
}

.n9b5f28d {
  background: var(--color-warning-light);
  color: var(--color-warning);
}

.j1752 {
  background: var(--color-danger-light);
  color: var(--color-danger);
}

.jd81 {
  display: grid;
  gap: var(--spacing-lg);
}

.d86 {
  grid-template-columns: repeat(2, 1fr);
}

.p538 {
  grid-template-columns: repeat(3, 1fr);
}

.k24bba8 {
  grid-template-columns: repeat(4, 1fr);
}

.nca6 {
  display: flex;
}

.b20 {
  flex-direction: column;
}

.d0ce199 {
  align-items: center;
  justify-content: center;
}

.a9327bd {
  align-items: center;
  justify-content: space-between;
}

.bc49 {
  gap: var(--spacing-xs);
}

.ke7283ad {
  gap: var(--spacing-sm);
}

.i7f74 {
  gap: var(--spacing-md);
}

.e341fd {
  gap: var(--spacing-lg);
}

.a37 {
  gap: var(--spacing-xl);
}

.a35abed {
  text-align: center;
}

.ke6c {
  text-align: right;
}

.gc9da6fa {
  text-align: left;
}

.oa7 {
  color: var(--color-text-muted);
}

.pb2be {
  color: var(--color-text-primary);
}

.pd8d549e {
  color: var(--color-text-secondary);
}

.me2b8 {
  color: var(--color-primary);
}

.e23 {
  font-weight: 700;
}

.a46817 {
  font-weight: 600;
}

.h3f0 {
  font-weight: 500;
}

.d8fa {
  font-size: 0.875rem;
}

.o24 {
  font-size: 1rem;
}

.h0c0e6 {
  font-size: 1.125rem;
}

.m4e {
  font-size: 1.25rem;
}

.o26e2a {
  font-size: 1.5rem;
}

.e79 {
  font-size: 2rem;
}

.b7f {
  font-size: 2.5rem;
}

.i72c37 { margin-top: var(--spacing-xs); }
.a11 { margin-top: var(--spacing-sm); }
.pf1b9fc0 { margin-top: var(--spacing-md); }
.ccd64bb5 { margin-top: var(--spacing-lg); }
.p3c056 { margin-top: var(--spacing-xl); }
.kadf4c { margin-top: var(--spacing-2xl); }
.j9f6 { margin-top: var(--spacing-3xl); }

.n52cc7f { margin-bottom: var(--spacing-xs); }
.f460d { margin-bottom: var(--spacing-sm); }
.dbff54 { margin-bottom: var(--spacing-md); }
.a93c9 { margin-bottom: var(--spacing-lg); }
.m49c1a98 { margin-bottom: var(--spacing-xl); }
.m1117 { margin-bottom: var(--spacing-2xl); }
.f62d8 { margin-bottom: var(--spacing-3xl); }

.cc75959 {
  margin-left: auto;
  margin-right: auto;
}

.k23d { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); }
.l1c8 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.p82 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.c3e6 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.bb296dd9 { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }

.lbd9bd33 { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); }
.m4f757e3 { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.h13c7e2a { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.f6f013 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.fbbb { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }
.kd2 { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl); }
.h0a { padding-top: var(--spacing-3xl); padding-bottom: var(--spacing-3xl); }
.k407ccd { padding-top: var(--spacing-4xl); padding-bottom: var(--spacing-4xl); }

.l882fa75 {
  border-radius: var(--radius-sm);
}

.n078 {
  border-radius: var(--radius-md);
}

.k8edc1a {
  border-radius: var(--radius-lg);
}

.i1d76c {
  border-radius: var(--radius-xl);
}

.gf3cf {
  border-radius: var(--radius-full);
}

.kf0 {
  box-shadow: var(--shadow-xs);
}

.he4c489 {
  box-shadow: var(--shadow-sm);
}

.d46ac0 {
  box-shadow: var(--shadow-md);
}

.aeb {
  box-shadow: var(--shadow-lg);
}

.pce8ccb {
  box-shadow: var(--shadow-xl);
}

.o8e2325 {
  border: 1px solid var(--color-border);
}

.g6229b0 {
  border-top: 1px solid var(--color-border);
}

.md7098 {
  border-bottom: 1px solid var(--color-border);
}

.kf0cd {
  border-color: var(--color-primary);
}

.ke14bbca {
  opacity: 0.5;
}

.cd31 {
  opacity: 0.75;
}

.k59d1b {
  display: none;
}

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

@media (max-width: 1024px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .k24bba8 {
    grid-template-columns: repeat(2, 1fr);
  }

  .p538 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .d86, .p538, .k24bba8 {
    grid-template-columns: 1fr;
  }

  .jb30 {
    padding: 0 var(--spacing-md);
  }

  .b7fb {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 0.95rem;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 1.5rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.1rem;
  }

  .j63b8ba {
    padding: var(--spacing-lg);
  }

  input, textarea, select {
    padding: var(--spacing-sm);
  }
}
.md5 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 100;
}

.k37d6 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  gap: 1rem;
}

.pb3529b8 {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 0.75rem;
  flex-shrink: 0;
  transition: var(--transition-base);
}

.pb3529b8:hover {
  opacity: 0.8;
}

.p848 {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  object-fit: cover;
  flex-shrink: 0;
}

.a0bd {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
  white-space: nowrap;
}

.l858928b {
  display: none;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  flex: 1;
  justify-content: center;
}

.mded18 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
}

.mded18:hover {
  color: var(--color-accent);
}

.l23bdef {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  white-space: nowrap;
}

.l23bdef:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

.m38f3ce3 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  align-items: center;
  justify-content: center;
  transition: var(--transition-base);
}

.a5f4a {
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  transition: var(--transition-base);
  border-radius: 1px;
}

.b09926 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 320px;
  height: 100vh;
  background: var(--color-bg-secondary);
  box-shadow: var(--shadow-xl);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.3s ease;
  z-index: 99;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.b09926.m6faa9 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.b9b5a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
}

.j2c {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
}

.b4f9f815 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition-base);
  color: var(--color-text-primary);
  font-size: 1.5rem;
}

.b4f9f815:hover {
  color: var(--color-accent);
}

.ec792 {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  padding: 1rem 0;
}

.de1873d {
  padding: 1rem 1.5rem;
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
}

.de1873d:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding-left: 2rem;
}

.d5d5119 {
  padding: 1rem 1.5rem;
  margin: 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  text-align: center;
  transition: var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
}

.d5d5119:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .k37d6 {
    height: 90px;
  }

  .l858928b {
    display: flex;
  }

  .l23bdef {
    display: inline-block;
  }

  .m38f3ce3 {
    display: none;
  }

  .b09926 {
    display: none;
  }
}

@media (max-width: 767px) {
  .k37d6 {
    height: 70px;
  }
}

    .m6b9 {
  width: 100%;
  margin: 0;
  padding: 0;
}

.jb30 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b7fb {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  text-align: center;
  cursor: pointer;
  border: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
}

.f0f3096 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.f0f3096:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

.h489 {
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}

.h489:hover {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.c4e760 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.n466fe {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.cec1e2c4 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 1.5rem);
}

.i2e {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.hd0932a6 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.dfbb9f3c {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
}

.c4acb {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.k6a963c {
  width: 100%;
  max-width: 450px;
  aspect-ratio: 1;
  border-radius: 60% 40% 50% 45% / 40% 50% 45% 60%;
  overflow: hidden;
  background: var(--color-bg-secondary);
  box-shadow: var(--shadow-lg);
}

.b76d {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .n466fe {
    flex-direction: column;
  }

  .cec1e2c4,
  .c4acb {
    flex: 1 1 100%;
  }

  .k6a963c {
    max-width: 300px;
  }
}

.m5f1 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.jdeb06a9 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.pc05c5 {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.k23ea {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.gc3238a {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.ocf55 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 3vw, 2rem);
  justify-content: center;
  flex-wrap: wrap;
}

.gfbad8a {
  flex: 1 1 150px;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-align: center;
  box-shadow: var(--shadow-sm);
}

.a016412 {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: var(--font-heading);
}

.ob1c {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin-top: 0.5rem;
  display: block;
}

@media (max-width: 767px) {
  .ocf55 {
    gap: clamp(0.75rem, 2vw, 1rem);
  }

  .gfbad8a {
    flex: 1 1 120px;
    padding: clamp(0.75rem, 1.5vw, 1rem);
  }
}

.oe8986b {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.f4f86 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.b26 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.m7417d {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(0.5rem, 1.5vw, 1rem);
}

.me7 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

.ee5383 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.f416b {
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 220px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-align: center;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all var(--transition-base);
}

.f416b:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.d4dc5 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
}

.c88 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0;
}

.h782 {
  font-size: clamp(0.8125rem, 1.2vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
  flex-grow: 1;
}

@media (max-width: 1024px) {
  .f416b {
    flex: 1 1 calc(50% - 1.5rem);
  }
}

@media (max-width: 767px) {
  .f416b {
    flex: 1 1 100%;
  }

  .ee5383 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

.b0b9 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.dba22bd {
  display: flex;
  flex-direction: row;
  gap: clamp(3rem, 5vw, 4rem);
  align-items: flex-start;
}

.l2f7bcd {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.m537b57 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
}

.h411f90,
.ocd88c {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.l8a8 {
  flex: 1 1 45%;
}

.m55e {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.bdb {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.d06 {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

.g835 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}

.f3a2e {
  font-size: clamp(0.8125rem, 1.2vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

@media (max-width: 767px) {
  .dba22bd {
    flex-direction: column;
    gap: clamp(2rem, 4vw, 3rem);
  }

  .l2f7bcd,
  .l8a8 {
    flex: 1 1 100%;
  }
}

.a73 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.cbcf2b8 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.g43a1a {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.b5006 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(0.5rem, 1.5vw, 1rem);
}

.h737609c {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

.ja9ad {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.je50defa {
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 200px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  position: relative;
}

.dd923 {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: var(--font-heading);
  line-height: 1;
}

.ff0 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0;
}

.o57533e {
  font-size: clamp(0.8125rem, 1.2vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  flex-grow: 1;
}

@media (max-width: 1024px) {
  .je50defa {
    flex: 1 1 calc(50% - 1.5rem);
  }
}

@media (max-width: 767px) {
  .je50defa {
    flex: 1 1 100%;
  }

  .ja9ad {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

.df4 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.d8f {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.a33182 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.gffc9f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(0.5rem, 1.5vw, 1rem);
}

.gc115 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

.nb707ae6 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.kd3 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

.kd3:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.ab5c8075 {
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

.e300e5 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.i584 {
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  flex-grow: 1;
}

.ce5f22 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-snug);
}

.kcd2eb {
  font-size: clamp(0.8125rem, 1.2vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  flex-grow: 1;
}

.g80ce {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: all var(--transition-base);
}

.g80ce:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.b9dec72e {
  text-align: center;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.dc91cd07 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

.dc91cd07:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

@media (max-width: 1024px) {
  .kd3 {
    flex: 1 1 calc(50% - 1.5rem);
  }
}

@media (max-width: 767px) {
  .kd3 {
    flex: 1 1 100%;
  }

  .nb707ae6 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

.e1b {
  background: var(--color-accent);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.oe01 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.a6bbf8 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-weight: 700;
}

.e28987cc {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-relaxed);
}

.n042c {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: var(--color-text-primary);
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.n042c.k59d1b {
  display: none;
}

.m92 {
  color: var(--color-bg-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  flex: 1 1 auto;
  line-height: var(--line-height-normal);
}

.j0a87 {
  display: flex;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  flex-wrap: wrap;
}

.md88,
.k5b89 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: all var(--transition-base);
}

.md88 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.md88:hover {
  background: var(--color-accent-hover);
}

.k5b89 {
  background: transparent;
  color: var(--color-bg-primary);
  border: 1px solid var(--color-bg-primary);
}

.k5b89:hover {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

@media (max-width: 767px) {
  .n042c {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
  }

  .m92 {
    flex: 1 1 100%;
    text-align: center;
  }

  .j0a87 {
    flex: 1 1 100%;
    justify-content: center;
  }
}

    .p3d1 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  color: var(--color-text-secondary);
  overflow: hidden;
}

.p3d1 .jb30 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

.kf6b897f {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.h061f3f7 {
  display: block;
}

.h061f3f7 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: var(--letter-spacing-tight);
}

.h061f3f7 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  line-height: var(--line-height-relaxed);
  max-width: 45ch;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.dbb3399,
.f00 {
  display: block;
}

.dbb3399 h3,
.f00 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: var(--letter-spacing-tight);
}

.dae,
.n1b4cf {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1.5vw, 0.875rem);
}

.dae li,
.n1b4cf li {
  display: block;
}

.dbb3399 a,
.f00 a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.dbb3399 a:hover,
.f00 a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.oc3 {
  display: block;
}

.oc3 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: var(--letter-spacing-tight);
}

.oc3 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ba74 {
  display: block;
  border-top: 1px solid var(--color-border-light);
  padding-top: clamp(1.5rem, 3vw, 2rem);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.m07e509 {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o5e5ac1c {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  line-height: var(--line-height-snug);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .kf6b897f {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2.5rem, 5vw, 4rem);
    align-items: start;
  }

  .h061f3f7 {
    grid-column: 1 / -1;
  }

  .ba74 {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) {
  .kf6b897f {
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: clamp(2rem, 4vw, 3.5rem);
  }

  .h061f3f7 {
    grid-column: 1;
  }

  .dbb3399 {
    grid-column: 2;
  }

  .oc3 {
    grid-column: 3;
  }

  .f00 {
    grid-column: 4;
  }

  .ba74 {
    grid-column: 1 / -1;
  }
}
    

.b27d {
  background: var(--color-bg-primary);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
}

.fca629 {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);
  padding: clamp(3rem, 10vw, 7rem) 0;
  overflow: hidden;
}

.jb30 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

.pa13 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.h54aca17 {
  text-align: center;
}

.k44527 {
  color: #ffffff;
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d055 {
  color: rgba(255, 255, 255, 0.95);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.3rem);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m0814 {
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(0.9rem, 1.5vw + 0.4rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l530cf2e {
  background: var(--color-bg-primary);
  padding: clamp(4rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.g754c {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.l07 {
  text-align: center;
}

.g45d4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.mdd {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.4rem, 1.1rem);
  margin: clamp(0.75rem, 1.5vw, 1.25rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.edba {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.b4e {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base) ease;
  flex: 1 1 clamp(280px, 90vw, 380px);
  min-height: auto;
}

.b4e:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
}

.jd3e {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-md);
}

.a4da9af {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

.j90e716 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 700;
  line-height: var(--line-height-snug);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k0d {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ea0f9460 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding-top: clamp(0.5rem, 1vw, 1rem);
  border-top: 1px solid var(--color-border-light);
}

.nb9cd503 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw + 0.4rem, 0.95rem);
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}

.nb9cd503 i {
  color: var(--color-accent);
  font-size: 0.9em;
}

.gbc {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  transition: all var(--transition-base) ease;
  align-self: flex-start;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.gbc:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.j8730 {
  background: var(--color-bg-secondary);
  padding: clamp(4rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.jf8c95 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.af7e9cf0 {
  text-align: center;
}

.f237 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.bd88 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.4rem, 1.1rem);
  margin: clamp(0.75rem, 1.5vw, 1.25rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ebeaa6 {
  width: 100%;
  overflow-x: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.c3a {
  width: 100%;
  border-collapse: collapse;
  background: var(--color-bg-card);
}

.ec6ae2c {
  background: var(--color-accent);
}

.dcd05d8 {
  color: #ffffff;
  padding: clamp(1rem, 2vw, 1.5rem);
  text-align: left;
  font-weight: 700;
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d5a384 {
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base) ease;
}

.d5a384:hover {
  background: var(--color-bg-secondary);
}

.h6d4 {
  color: var(--color-text-primary);
  padding: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 0.9vw + 0.4rem, 1rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p6ee8b {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
}

.jc85 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 767px) {
  .b4e {
    flex: 1 1 100%;
  }

  .dcd05d8,
  .h6d4 {
    padding: clamp(0.75rem, 2vw, 1rem);
    font-size: clamp(0.75rem, 0.85vw + 0.3rem, 0.9rem);
  }

  .ebeaa6 {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .b4e {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }

  .edba {
    gap: clamp(1.5rem, 2.5vw, 2rem);
  }
}

@media (min-width: 1024px) {
  .b4e {
    flex: 1 1 calc(25% - clamp(1rem, 2vw, 1.875rem));
  }

  .edba {
    gap: clamp(1.5rem, 2vw, 2.5rem);
  }

  .b4e:hover {
    transform: translateY(-8px);
  }
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ha3 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: var(--line-height-normal);
  overflow-x: hidden;
}

.jb30 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b1f8da {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.a14d9e9 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  flex-wrap: wrap;
}

.a14d9e9 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
}

.a14d9e9 a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.a14d9e9 span {
  color: var(--color-text-muted);
}

.j49 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.e4b5 {
  flex: 1 1 50%;
  max-width: 50%;
}

.fb26975 {
  flex: 1 1 50%;
  max-width: 50%;
}

.e80bf70 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.a72f {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.2rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.k7b67de {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

.a5432a {
  color: var(--color-text-secondary);
}

.hfd899d {
  color: var(--color-text-muted);
}

.ecae {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

@media (max-width: 768px) {
  .j49 {
    flex-direction: column;
  }
  
  .e4b5,
  .fb26975 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.od8a20 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

.fd94 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
}

.kc93 {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-border-light);
}

.o0b84ea2 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.25rem;
}

.ca651d {
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
}

.ca651d a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all var(--transition-base);
}

.ca651d a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.obfff4 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 500;
}

.l7b851 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: var(--line-height-snug);
  margin: 0;
}

@media (max-width: 768px) {
  .fd94 {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.b974 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.l62b {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.ka6d {
  flex: 1 1 50%;
  max-width: 50%;
}

.i31 {
  flex: 1 1 50%;
  max-width: 50%;
}

.o3acc34 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: var(--line-height-snug);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.m13db {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.jf62 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

@media (max-width: 768px) {
  .l62b {
    flex-direction: column;
  }
  
  .ka6d,
  .i31 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.p037 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.pdb {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.m9f {
  flex: 1 1 50%;
  max-width: 50%;
}

.o5e {
  flex: 1 1 50%;
  max-width: 50%;
}

.jc11 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  line-height: var(--line-height-snug);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.l6f3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.k8c7f0 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.f132768 {
  color: var(--color-text-primary);
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  margin-bottom: 0.75rem;
}

.kde {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.je88 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: var(--line-height-snug);
  padding-left: 1.5rem;
  position: relative;
}

.je88:before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
}

.mf908f6 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

@media (max-width: 768px) {
  .pdb {
    flex-direction: column;
  }
  
  .m9f,
  .o5e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.gdf4ff7 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  margin: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

.b775 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.d3b96 {
  flex-shrink: 0;
  color: var(--color-accent);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  margin-top: 0.25rem;
}

.e8f34478 {
  flex: 1 1 auto;
}

.o35 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  margin-bottom: 0.5rem;
  display: block;
}

.pe4 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: var(--line-height-snug);
  margin: 0;
}

@media (max-width: 768px) {
  .b775 {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .d3b96 {
    margin-top: 0;
  }
}

.k8edb39 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.h0d37fb3 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.h809 {
  flex: 1 1 50%;
  max-width: 50%;
}

.od8d96b3 {
  flex: 1 1 50%;
  max-width: 50%;
}

.hff17e {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  line-height: var(--line-height-snug);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.c06 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.hd67 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

@media (max-width: 768px) {
  .h0d37fb3 {
    flex-direction: column-reverse;
  }
  
  .h809,
  .od8d96b3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.abad2e {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.j5cf {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.m8d82eb {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  line-height: var(--line-height-snug);
  text-align: center;
}

.i82ac38d {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
}

.d10 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all var(--transition-base);
}

.d10:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.c5ca {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
}

.p416c90 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.95rem);
  line-height: var(--line-height-snug);
  margin: 0;
}

.gcb {
  color: var(--color-text-primary);
  font-weight: 600;
}

@media (max-width: 1024px) {
  .d10 {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (max-width: 768px) {
  .d10 {
    flex: 1 1 100%;
  }
}

.ncd15 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.ae65a13 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.fe19474 {
  flex: 1 1 50%;
  max-width: 50%;
}

.hab {
  flex: 1 1 50%;
  max-width: 50%;
}

.p6acf {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  line-height: var(--line-height-snug);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.mae8 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  line-height: var(--line-height-snug);
  margin-top: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.kac {
  list-style: none;
  padding: 0;
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.lc7f0c5 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: var(--line-height-snug);
  padding-left: 1.75rem;
  position: relative;
}

.lc7f0c5:before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
}

.i8798f {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

@media (max-width: 768px) {
  .ae65a13 {
    flex-direction: column;
  }
  
  .fe19474,
  .hab {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.j7d14838 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.b71a1c38 {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.ibacfae4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  line-height: var(--line-height-snug);
  text-align: center;
}

.jca73 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
}

.b887e1c {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.pdb92 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  margin: 0;
}

.p376b {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  text-align: center;
  max-width: 100%;
}

.p376b:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

.n5f858 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.l8a2 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.p8d {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  line-height: var(--line-height-snug);
  text-align: center;
}

.gb48b {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.a8d {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

.a8d:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.lc7e9ca {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.cf93 {
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1 1 auto;
}

.k0ae {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  line-height: var(--line-height-snug);
  margin: 0;
}

.k0ae a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all var(--transition-base);
}

.k0ae a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.k53994 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: var(--line-height-snug);
  margin: 0;
}

@media (max-width: 1024px) {
  .a8d {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (max-width: 768px) {
  .a8d {
    flex: 1 1 100%;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

a {
  text-decoration: none;
  color: var(--color-accent);
  transition: var(--transition-base);
}

a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.jb30 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: block;
}

.m931 {
  background: var(--color-bg-primary);
  overflow: hidden;
}

.hf871a {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.j7c {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
}

.j7c a {
  color: var(--color-accent);
}

.j7c span {
  color: var(--color-text-muted);
}

.lf2f1e41 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.o84 {
  flex: 1 1 50%;
  max-width: 50%;
}

.j11b7fe1 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.o29db {
  font-size: clamp(0.9375rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.7;
}

.eedb6a68 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
}

.g09b {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
}

.g09b i {
  color: var(--color-accent);
}

.i25 {
  flex: 1 1 50%;
  max-width: 50%;
}

.hd12 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
  object-fit: cover;
}

@media (max-width: 768px) {
  .lf2f1e41 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
  
  .o84,
  .i25 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .eedb6a68 {
    gap: 1rem;
  }
}

.g192653 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  border-bottom: 1px solid var(--color-border-light);
  overflow: hidden;
}

.k4ea5 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.n808075 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  flex-shrink: 0;
  object-fit: cover;
  border: 2px solid var(--color-border);
}

.o039998 {
  flex: 1;
}

.ed3b {
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}

.k0d026 {
  display: inline-block;
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.g78 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

@media (max-width: 768px) {
  .k4ea5 {
    flex-direction: row;
    gap: 1rem;
  }

  .n808075 {
    width: 60px;
    height: 60px;
  }
}

.e195cf5b {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.o7391 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.k5b17b {
  flex: 1 1 50%;
  max-width: 50%;
}

.le0d875 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.j35b {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.7;
}

.o05fda {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.id7 {
  flex: 1 1 50%;
  max-width: 50%;
}

.f905fe12 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
  object-fit: cover;
}

@media (max-width: 768px) {
  .o7391 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
  
  .k5b17b,
  .id7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.aefc94 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.f34 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: flex-start;
}

.d52 {
  flex: 1 1 50%;
  max-width: 50%;
}

.d00e3 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.n2a {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.7;
}

.ff7f8 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.gea {
  background: var(--color-bg-tertiary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  transition: var(--transition-base);
}

.gea:hover {
  box-shadow: var(--shadow-md);
  transform: translateX(4px);
}

.pbf0 {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}

.pbf0 i {
  color: var(--color-accent);
  font-size: 1.25rem;
}

.f90 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.b00a210 {
  flex: 1 1 50%;
  max-width: 50%;
}

.a0883c8 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
  object-fit: cover;
}

@media (max-width: 768px) {
  .f34 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
  
  .d52,
  .b00a210 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.m4e8 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

.jd14d {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
}

.g808fa {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.e8166b {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.e7779b {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: flex-start;
}

.a7118 {
  flex: 1 1 50%;
  max-width: 50%;
}

.c9f41 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.me8cd1 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.7;
}

.m9e2 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.l91f5fa {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.ab4 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

.if1e76 {
  flex: 1;
}

.d4dad {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.a594b8 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.a8b50 {
  flex: 1 1 50%;
  max-width: 50%;
}

.i0dd {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
  object-fit: cover;
}

@media (max-width: 768px) {
  .e7779b {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
  
  .a7118,
  .a8b50 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.ke3 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.k66772 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.e617f {
  flex: 1 1 50%;
  max-width: 50%;
}

.e8e32 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.h104 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.7;
}

.k51ec0 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.7;
}

.g79 {
  background: var(--color-bg-tertiary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
}

.b9aa1b7 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.i33efe0 {
  flex: 1 1 50%;
  max-width: 50%;
}

.m58b {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
  object-fit: cover;
}

@media (max-width: 768px) {
  .k66772 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
  
  .e617f,
  .i33efe0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.dc4 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.p21 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: flex-start;
}

.pb35 {
  flex: 1 1 50%;
  max-width: 50%;
}

.n60 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.ma7 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.7;
}

.ife {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  list-style: none;
}

.g395 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  padding-left: 1.5rem;
  position: relative;
}

.g395::before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.25rem;
}

.h8c57f {
  flex: 1 1 50%;
  max-width: 50%;
}

.jb2e049 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
  object-fit: cover;
}

@media (max-width: 768px) {
  .p21 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
  
  .pb35,
  .h8c57f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.n87 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.j4f {
  max-width: 800px;
  margin: 0 auto;
}

.k41 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.k39b {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.7;
}

.gb3a5e {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  line-height: 1.7;
}

.hf8dd {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-accent);
  text-align: center;
}

.j6701d5 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.7;
}

.hcb8a30 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  transition: var(--transition-base);
}

.hcb8a30:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.ie75f4 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.j01 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.ja4211 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  text-align: center;
}

.k15 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  flex-wrap: wrap;
  justify-content: center;
}

.hea {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

.hea:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.k0c89e5 {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: var(--color-text-primary);
}

.kfa8c {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.l973 {
  padding: clamp(1rem, 2vw, 1.5rem);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.nfab {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  line-height: 1.4;
  font-weight: 600;
}

.jb58 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  flex: 1;
}

@media (max-width: 1024px) {
  .hea {
    flex: 1 1 calc(50% - 1rem);
  }
}

@media (max-width: 768px) {
  .hea {
    flex: 1 1 100%;
  }

  .k15 {
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

p, li, span {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

a {
  text-decoration: none;
  color: var(--color-accent);
  transition: color 0.3s ease;
}

a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.jb30 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: block;
}

.mcc {
  background: linear-gradient(135deg, #18181b 0%, #27272a 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.o1de {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 2rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

.o1de a {
  color: #a1a1aa;
  transition: color 0.3s ease;
}

.o1de a:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}

.o1de span {
  color: #71717a;
}

.kd8eec {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.c50 {
  flex: 1 1 50%;
  max-width: 50%;
}

.c84 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.k2f5c1 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: #ffffff;
  line-height: 1.2;
  font-weight: 700;
}

.h54f {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: #d4d4d8;
  line-height: 1.6;
}

.l0c3 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: #a1a1aa;
}

.m5d31d {
  display: inline-block;
}

.gc1f {
  color: #71717a;
}

.bf76 {
  flex: 1 1 50%;
  max-width: 50%;
}

.k6b8 {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

@media (max-width: 768px) {
  .kd8eec {
    flex-direction: column;
  }

  .c50,
  .bf76 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.f32b {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  border-bottom: 1px solid var(--color-border);
  overflow: hidden;
}

.c6f388 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: center;
}

.h74cf {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-border);
}

.ke0c4c7 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.kb0559 {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.8125rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

.i06 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-accent);
  display: inline-block;
}

.i06:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.g2ca {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.k068 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.lec {
  background: var(--color-bg-tertiary);
}

.jd2 {
  background: var(--color-bg-secondary);
}

.oaa {
  background: var(--color-bg-tertiary);
}

.g4002b {
  background: var(--color-bg-secondary);
}

.d6ba5c3 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.b871 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.mc9ddd {
  flex: 1 1 50%;
  max-width: 50%;
}

.d9f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
}

.n614ff {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.oeb4af55 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-left: 0;
}

.oeb4af55 li {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.6;
}

.oeb4af55 li:before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
}

.e6e28 {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  object-fit: cover;
}

.p543 {
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  margin-top: 1rem;
}

.e18 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 768px) {
  .d6ba5c3 {
    flex-direction: column;
  }

  .b871,
  .mc9ddd {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.id3b {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.g7bab9a {
  background: linear-gradient(135deg, #fef3c7 0%, #fef08a 100%);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid #f59e0b;
}

.m4c28 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: #78350f;
  line-height: 1.7;
  margin: 0;
}

.m4c28 strong {
  font-weight: 700;
  color: #92400e;
}

.aa07 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ga9 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 800px;
  margin: 0 auto;
}

.e69d574d {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.pc698c0 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.of76d {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  border: 2px solid var(--color-border);
  margin-top: 1rem;
}

.e4711 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: 1rem;
}

.bff {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: background 0.3s ease;
  text-decoration: none;
}

.bff:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
}

.pb71d4 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
}

.bbeb9c1a {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.ge3f78 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.if96ad9d {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.b20b1f78 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  align-items: flex-start;
  transition: all 0.3s ease;
}

.b20b1f78:hover {
  background: var(--color-bg-tertiary);
  box-shadow: var(--shadow-md);
}

.pce {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.o67 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
}

.n5f {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
}

.ga68 {
  color: var(--color-accent);
  text-decoration: none;
  transition: color 0.3s ease;
}

.ga68:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.l5702ad {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 768px) {
  .b20b1f78 {
    flex-direction: column;
    align-items: flex-start;
  }

  .pce {
    width: 100%;
    height: auto;
    aspect-ratio: 3/2;
  }
}

.n2ffe1c {
    width: 100%;
  }

  .m84 {
    background: var(--color-bg-primary);
    padding: clamp(3rem, 8vw, 5rem) 0;
    overflow: hidden;
  }

  .h9b14 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: clamp(2rem, 4vw, 3rem);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  }

  .h9b14 a {
    color: var(--color-accent);
    text-decoration: none;
    transition: color var(--transition-fast);
  }

  .h9b14 a:hover {
    color: var(--color-accent-hover);
    text-decoration: underline;
  }

  .h9b14 span {
    color: var(--color-text-muted);
  }

  .h9b14 span:last-child {
    color: var(--color-text-secondary);
    font-weight: 500;
  }

  .n3f {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
  }

  .pfeb3d56 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .gd4 {
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
    font-weight: 700;
    line-height: var(--line-height-snug);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .n1c {
    color: var(--color-text-secondary);
    font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
    line-height: var(--line-height-relaxed);
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  }

  .m100b04 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .ad47 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-text-secondary);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  }

  .ad47 i {
    color: var(--color-accent);
    width: 16px;
    height: 16px;
  }

  .de599 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .b5c {
    width: 100%;
    height: auto;
    max-height: 450px;
    object-fit: cover;
    border-radius: var(--radius-lg);
    display: block;
  }

  @media (max-width: 768px) {
    .n3f {
      flex-direction: column;
    }

    .pfeb3d56,
    .de599 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  .a4027 {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 4vw, 3rem) 0;
    overflow: hidden;
  }

  .n841c6f {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
    align-items: flex-start;
    padding: clamp(1.5rem, 3vw, 2rem);
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
  }

  .keab6a {
    width: 80px;
    height: 80px;
    min-width: 80px;
    border-radius: var(--radius-full);
    object-fit: cover;
    display: block;
  }

  .a9c {
    flex: 1;
  }

  .g500a {
    color: var(--color-text-muted);
    font-size: 0.8125rem;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-wide);
  }

  .f7a5 {
    color: var(--color-text-primary);
    font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
    font-weight: 600;
    margin-bottom: 0.25rem;
  }

  .f7a5 a {
    color: var(--color-accent);
    text-decoration: none;
    transition: color var(--transition-fast);
  }

  .f7a5 a:hover {
    color: var(--color-accent-hover);
    text-decoration: underline;
  }

  .dca6 {
    color: var(--color-text-secondary);
    font-size: 0.8125rem;
    margin-bottom: 0.75rem;
  }

  .p92433c {
    color: var(--color-text-secondary);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
    line-height: var(--line-height-normal);
  }

  @media (max-width: 768px) {
    .n841c6f {
      flex-direction: column;
      gap: 1rem;
    }

    .keab6a {
      width: 64px;
      height: 64px;
    }
  }

  .ke5 {
    background: var(--color-bg-primary);
    padding: clamp(3rem, 8vw, 5rem) 0;
    overflow: hidden;
  }

  .j2555 {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
  }

  .pcc {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .dc0 {
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    font-weight: 700;
    line-height: var(--line-height-snug);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .c654d2 {
    color: var(--color-text-secondary);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    line-height: var(--line-height-relaxed);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

  .c654d2:last-child {
    margin-bottom: 0;
  }

  .d4b83d33 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .n4f9c {
    width: 100%;
    height: auto;
    max-height: 350px;
    object-fit: cover;
    border-radius: var(--radius-lg);
    display: block;
  }

  @media (max-width: 768px) {
    .j2555 {
      flex-direction: column;
    }

    .pcc,
    .d4b83d33 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  .h4c {
    background: var(--color-bg-secondary);
    padding: clamp(3rem, 8vw, 5rem) 0;
    overflow: hidden;
  }

  .afd61e {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
  }

  .o0a3b4d4 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .ne5bc0 {
    width: 100%;
    height: auto;
    max-height: 350px;
    object-fit: cover;
    border-radius: var(--radius-lg);
    display: block;
  }

  .d3ae {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .h4d4 {
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    font-weight: 700;
    line-height: var(--line-height-snug);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .gad51 {
    color: var(--color-text-secondary);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    line-height: var(--line-height-relaxed);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

  .ob5 {
    list-style: none;
    padding: 0;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

  .meb34 {
    color: var(--color-text-secondary);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    line-height: var(--line-height-relaxed);
    margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
    padding-left: clamp(1.5rem, 2vw, 2rem);
    position: relative;
  }

  .meb34:before {
    content: "";
    position: absolute;
    left: 0;
    color: var(--color-accent);
    font-weight: bold;
  }

  @media (max-width: 768px) {
    .afd61e {
      flex-direction: column;
    }

    .o0a3b4d4,
    .d3ae {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  .ad9ec4ee {
    background: var(--color-bg-primary);
    padding: clamp(2rem, 4vw, 3rem) 0;
    overflow: hidden;
  }

  .he0fdee {
    display: flex;
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
    padding: clamp(1.5rem, 3vw, 2rem);
    background: var(--color-bg-tertiary);
    border-left: 4px solid var(--color-accent);
    border-radius: var(--radius-md);
    align-items: flex-start;
  }

  .he0fdee i {
    color: var(--color-accent);
    font-size: 1.5rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
  }

  .j688d {
    flex: 1;
  }

  .kc19ad {
    color: var(--color-text-primary);
    font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
    font-weight: 600;
    margin-bottom: 0.5rem;
  }

  .keaae0 {
    color: var(--color-text-secondary);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
    line-height: var(--line-height-relaxed);
  }

  .k8014c {
    background: var(--color-bg-secondary);
    padding: clamp(3rem, 8vw, 5rem) 0;
    overflow: hidden;
  }

  .p74e2 {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
  }

  .k510c4 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .l1afee {
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    font-weight: 700;
    line-height: var(--line-height-snug);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .aa3a4a {
    color: var(--color-text-secondary);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    line-height: var(--line-height-relaxed);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

  .h84 {
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
    font-weight: 600;
    line-height: var(--line-height-snug);
    margin-top: clamp(1.5rem, 3vw, 2rem);
    margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  }

  .a4c {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .m8d {
    width: 100%;
    height: auto;
    max-height: 350px;
    object-fit: cover;
    border-radius: var(--radius-lg);
    display: block;
  }

  @media (max-width: 768px) {
    .p74e2 {
      flex-direction: column;
    }

    .k510c4,
    .a4c {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  .f4b4880 {
    background: var(--color-bg-primary);
    padding: clamp(3rem, 8vw, 5rem) 0;
    overflow: hidden;
  }

  .f9b38 {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
  }

  .cd69 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .e1b5c7b6 {
    width: 100%;
    height: auto;
    max-height: 350px;
    object-fit: cover;
    border-radius: var(--radius-lg);
    display: block;
  }

  .f5bf {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .e48c3f {
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    font-weight: 700;
    line-height: var(--line-height-snug);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .n45f80 {
    color: var(--color-text-secondary);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    line-height: var(--line-height-relaxed);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

  .mfc42b9 {
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
    font-weight: 600;
    line-height: var(--line-height-snug);
    margin-top: clamp(1.5rem, 3vw, 2rem);
    margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  }

  @media (max-width: 768px) {
    .f9b38 {
      flex-direction: column;
    }

    .cd69,
    .f5bf {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  .j226e1 {
    background: var(--color-bg-secondary);
    padding: clamp(3rem, 8vw, 5rem) 0;
    overflow: hidden;
  }

  .kaeb5a {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 3vw, 3rem);
  }

  .lae007 {
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    font-weight: 700;
    line-height: var(--line-height-snug);
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .d4de9 {
    color: var(--color-text-secondary);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    line-height: var(--line-height-relaxed);
    text-align: center;
  }

  .gcf882 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: center;
  }

  .ka75 {
    flex: 1 1 calc(50% - 1rem);
    min-width: 250px;
    max-width: 300px;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: all var(--transition-base);
  }

  .ka75:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
  }

  .i40 {
    font-size: 2.5rem;
    color: var(--color-accent);
    height: 60px;
    display: flex;
    align-items: center;
  }

  .lcb7 {
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
    font-weight: 600;
    line-height: var(--line-height-snug);
  }

  .j88cf {
    color: var(--color-text-secondary);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
    line-height: var(--line-height-relaxed);
  }

  @media (max-width: 768px) {
    .ka75 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  .g7f7 {
    background: var(--color-bg-primary);
    padding: clamp(3rem, 8vw, 5rem) 0;
    overflow: hidden;
  }

  .h5110 {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 3vw, 3rem);
  }

  .fa7 {
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    font-weight: 700;
    line-height: var(--line-height-snug);
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .pe861 {
    color: var(--color-text-secondary);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    line-height: var(--line-height-relaxed);
    text-align: center;
  }

  .b79bcc {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: center;
  }

  .g39 {
    flex: 1 1 calc(50% - 1rem);
    min-width: 280px;
    max-width: 320px;
    background: var(--color-bg-tertiary);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 1px solid var(--color-border-light);
  }

  .bc15a {
    width: 50px;
    height: 50px;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-heading);
    font-size: 1.75rem;
    font-weight: 700;
  }

  .e2e6c {
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
    font-weight: 600;
    line-height: var(--line-height-snug);
  }

  .h54fa5d {
    color: var(--color-text-secondary);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
    line-height: var(--line-height-relaxed);
  }

  @media (max-width: 768px) {
    .g39 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  .lccac {
    background: var(--color-bg-secondary);
    padding: clamp(3rem, 8vw, 5rem) 0;
    overflow: hidden;
  }

  .lead7932 {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
    max-width: 800px;
    margin: 0 auto;
  }

  .j3e8ef3 {
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    font-weight: 700;
    line-height: var(--line-height-snug);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .lefea6 {
    color: var(--color-text-secondary);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    line-height: var(--line-height-relaxed);
  }

  .bbf61 {
    background: var(--color-bg-primary);
    padding: clamp(2rem, 3vw, 2.5rem);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-accent);
    text-align: center;
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }

  .l07c8e27 {
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
    font-weight: 600;
    margin-bottom: 0.75rem;
  }

  .o86 {
    color: var(--color-text-secondary);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    line-height: var(--line-height-relaxed);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

  .o1a7 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    font-weight: 600;
    text-decoration: none;
    transition: all var(--transition-base);
    cursor: pointer;
  }

  .o1a7:hover {
    background: var(--color-accent-hover);
    transform: translateY(-2px);
  }

  .ae9 {
    background: var(--color-bg-primary);
    padding: clamp(3rem, 8vw, 5rem) 0;
    overflow: hidden;
  }

  .h64741 {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 3vw, 3rem);
  }

  .j04e {
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    font-weight: 700;
    line-height: var(--line-height-snug);
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .f1680f0 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: center;
  }

  .j43071 {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 280px;
    max-width: 350px;
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all var(--transition-base);
  }

  .j43071:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
  }

  .af3b3034 {
    width: 100%;
    height: 200px;
    overflow: hidden;
  }

  .k6653e {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .d89e0802 {
    padding: clamp(1rem, 2vw, 1.5rem);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .ebae {
    margin: 0;
  }

  .ebae a {
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
    font-weight: 600;
    text-decoration: none;
    line-height: var(--line-height-snug);
    transition: color var(--transition-fast);
  }

  .ebae a:hover {
    color: var(--color-accent);
  }

  .e5d7c {
    color: var(--color-text-secondary);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
    line-height: var(--line-height-relaxed);
    margin: 0;
  }

  @media (max-width: 1024px) {
    .j43071 {
      flex: 1 1 calc(50% - 0.75rem);
    }
  }

  @media (max-width: 768px) {
    .j43071 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  .jb30 {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 clamp(1rem, 4vw, 2rem);
    display: block !important;
  }

  @media (max-width: 768px) {
    .jb30 {
      padding: 0 clamp(1rem, 3vw, 1.5rem);
    }
  }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d643 {
  width: 100%;
  background: var(--color-bg-primary);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
}

.jb30 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.h88948f {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.k98119 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  text-align: center;
}

.mc75675 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.c7170 {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  line-height: 1.6;
}

.n1fb {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  object-fit: cover;
}

.e10479e {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.d538 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.h9957490 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  align-self: flex-start;
}

.ie85 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
}

.j2f9a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 800px;
}

.j2f9a strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

.be26c9 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  margin-top: clamp(2rem, 4vw, 3rem);
}

.gda9 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.gda9:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-secondary);
  transform: translateY(-2px);
}

.p03d51c {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

.pbe0f13c {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  font-family: var(--font-heading);
}

.jcf {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.ec5eb8 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ka7dcd {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.m7e7d7de {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 850px;
}

.kfe4b2 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.k73cdf {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
}

.acc85532 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  border-radius: var(--radius-md);
}

.d41824de {
  flex: 1;
  padding-top: var(--spacing-xs);
}

.cec927 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  font-family: var(--font-heading);
}

.hf5 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.c77b86 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.db195 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

.n5e {
  max-width: 800px;
  margin: 0 auto;
}

.eef9ec {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  margin-top: clamp(2rem, 4vw, 3rem);
  justify-content: center;
}

.h0d {
  flex: 1 1 calc(33.333% - 1.33rem);
  min-width: 220px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  text-align: center;
  transition: all var(--transition-base);
}

.h0d:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--color-primary);
  transform: translateY(-4px);
}

.i503be9f {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--color-accent-light), #a7f3d0));
  border-radius: var(--radius-md);
  margin: 0 auto clamp(1rem, 2vw, 1.5rem);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.b0686 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

.a5759 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.ia5 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.n9dcb8b {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.b6ca44 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 850px;
}

.c53794f5 {
  width: 100%;
  max-width: 700px;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  object-fit: cover;
}

@media (min-width: 768px) {
  .gda9 {
    flex: 1 1 calc(50% - 1rem);
  }

  .h0d {
    flex: 1 1 calc(33.333% - 1.33rem);
  }

  .c53794f5 {
    max-width: 600px;
  }
}

@media (min-width: 1024px) {
  .be26c9 {
    gap: clamp(2rem, 4vw, 2.5rem);
  }

  .gda9 {
    flex: 1 1 calc(50% - 1.25rem);
  }

  .h0d {
    flex: 1 1 calc(33.333% - 1.33rem);
  }

  .eef9ec {
    justify-content: space-between;
  }
}

.fb34b6b6 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
}

.d14 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 900px;
}

.p90bb {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.m1c2eb {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent-light);
  border-radius: var(--radius-sm);
  color: var(--color-primary);
  font-size: 1rem;
}

.pd2ee {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

@media (max-width: 768px) {
  .be26c9 {
    flex-direction: column;
  }

  .gda9 {
    flex: 1 1 100%;
  }

  .eef9ec {
    flex-direction: column;
  }

  .h0d {
    flex: 1 1 100%;
  }

  .k73cdf {
    flex-direction: column;
    gap: var(--spacing-md);
  }

  .acc85532 {
    align-self: flex-start;
  }
}

@media (max-width: 480px) {
  .mc75675 {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }

  .ie85 {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }

  .p03d51c {
    width: 36px;
    height: 36px;
  }

  .i503be9f {
    width: 45px;
    height: 45px;
  }

  .acc85532 {
    width: 45px;
    height: 45px;
    font-size: 1.125rem;
  }
}

.l039e {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.m390 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.jb30 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.n996 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .n996 {
    flex-direction: column;
  }
}

.beff {
  flex: 1 1 45%;
  min-width: 280px;
}

.d066 {
  flex: 1 1 45%;
  min-width: 280px;
}

.e5a46 {
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: var(--line-height-snug);
}

.b9a {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h8e8d {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.p6b3d {
  padding: clamp(3rem, 8vw, 6rem) 0;
  background: var(--color-bg-secondary);
  overflow: hidden;
}

.l8fe40 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
}

.k71fb3 {
  text-align: center;
}

.i033 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: 0.5rem;
}

.f990 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: var(--line-height-snug);
}

.f0a73a {
  max-width: 850px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
}

.p1d {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ca042ec {
  padding: clamp(3rem, 8vw, 6rem) 0;
  background: var(--color-bg-primary);
  overflow: hidden;
}

.f14e06 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 3rem);
}

.gdb {
  text-align: center;
}

.mc1ca {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: 0.5rem;
}

.bc7c3a {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: var(--line-height-snug);
}

.pbab {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

.deaf14 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
}

@media (max-width: 640px) {
  .deaf14 {
    gap: 1.25rem;
  }
}

.g46 {
  flex-shrink: 0;
  font-size: clamp(2rem, 5vw, 3rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-accent);
  min-width: 60px;
}

@media (max-width: 640px) {
  .g46 {
    min-width: 50px;
  }
}

.g2a8113 {
  flex: 1;
  min-width: 0;
}

.hc355a {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f8714dd {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h49d2 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  background: var(--color-bg-secondary);
  overflow: hidden;
}

.f772cc {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 3rem);
}

.a6dc3 {
  text-align: center;
}

.p10 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: 0.5rem;
}

.l2cd {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: var(--line-height-snug);
}

.o00cc {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.k0b {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

@media (max-width: 768px) {
  .k0b {
    flex: 1 1 100%;
  }
}

.k0b:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.gee05 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 1rem;
}

.gee05 i {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
  flex-shrink: 0;
}

.ad2 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.md1 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cf2 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  background: var(--color-bg-primary);
  overflow: hidden;
}

.f0214 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 3rem);
}

.c99164 {
  text-align: center;
}

.e9f0 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: 0.5rem;
}

.pbca {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: var(--line-height-snug);
}

.ib75 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.o0f66ca {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  text-align: center;
}

@media (max-width: 768px) {
  .o0f66ca {
    flex: 1 1 100%;
  }
}

.l19d {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
}

.ndb {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.nff {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g7136548 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  background: var(--color-bg-secondary);
  overflow: hidden;
}

.jed {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  max-width: 750px;
  margin: 0 auto;
}

.j4b02 {
  text-align: center;
}

.e934 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1.25rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: var(--line-height-snug);
}

.h2accb7f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i2d6 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  background: var(--color-bg-primary);
  overflow: hidden;
}

.o5c {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2.25rem);
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.h601 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: var(--line-height-snug);
}

.eb8d {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.oe2c1824 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  .oe2c1824 {
    flex-direction: column;
  }
}

.c8f {
  display: inline-block;
  padding: clamp(0.875rem, 1vw, 1.125rem) clamp(1.5rem, 3vw, 2.25rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c8f:hover {
  background: var(--color-accent-hover);
  opacity: 0.9;
}

.c37b {
  display: inline-block;
  padding: clamp(0.875rem, 1vw, 1.125rem) clamp(1.5rem, 3vw, 2.25rem);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  text-decoration: none;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  border: 2px solid var(--color-border);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c37b:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
  color: var(--color-accent);
}

@media (min-width: 769px) and (max-width: 1024px) {
  .e5a46 {
    font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  }

  .f990,
  .bc7c3a,
  .l2cd,
  .pbca {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  }
}

@media (max-width: 768px) {
  .pbab {
    gap: 1.75rem;
  }

  .o00cc {
    gap: 1.25rem;
  }

  .ib75 {
    gap: 1.25rem;
  }
}

.ba6 {
  width: 100%;
  background-color: var(--color-bg-primary);
}

.l8f41 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.acc72a18 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.j13477e {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: var(--letter-spacing-tight);
}

.be4e306d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.c66 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.m0250c9f {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.k00 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.k00:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.c3f {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.i659874 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.3rem, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
}

.bb0b0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.2rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.e12e26 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.b2c05 {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.kc492c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.3rem, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.ae173 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.3rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.db0d4d7 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.2rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  letter-spacing: var(--letter-spacing-normal);
}

.db0d4d7:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

.db0d4d7:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .l8f41 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .c66 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .m0250c9f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .e12e26 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .l8f41 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .c66 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .m0250c9f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .k00 {
    padding: var(--spacing-xl);
  }

  .e12e26 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

@media (min-width: 1280px) {
  .m0250c9f {
    grid-template-columns: repeat(2, 1fr);
  }
}

.k9356f {
  background-color: var(--color-bg-primary);
}

.gd90 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.ff5a68 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.i0b796 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.a20 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  font-weight: 400;
}

.a1cba {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.c271c3e0 {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.m1fc8 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.m1fc8:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

.n2f1b2c0 {
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

.n2f1b2c0 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.a6f751 {
  padding: var(--spacing-lg);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.dc65 {
  margin-bottom: var(--spacing-md);
}

.f84da8 {
  display: inline-block;
  background-color: var(--color-primary-lighter);
  color: var(--color-primary-dark);
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

.ab7412d {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.25rem, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.fb1 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.25rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.jade {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.o40fc {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.k1d9 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.h45b170 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.j569 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-sm);
  letter-spacing: var(--letter-spacing-normal);
}

.j569:hover {
  background-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

.j569:active {
  transform: translateY(2px);
  box-shadow: var(--shadow-xs);
}

@media (min-width: 768px) {
  .gd90 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .i0b796 {
    margin-bottom: var(--spacing-lg);
  }

  .a1cba {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .c271c3e0 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .m1fc8 {
    display: grid;
    grid-template-rows: 280px 1fr;
  }

  .jade {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .gd90 {
    padding: var(--spacing-4xl) 0;
  }

  .a1cba {
    padding: var(--spacing-4xl) 0;
  }

  .c271c3e0 {
    grid-template-columns: repeat(2, 1fr);
  }

  .jade {
    padding: var(--spacing-4xl) 0;
  }

  .n2f1b2c0 {
    height: 320px;
  }
}

@media (min-width: 1280px) {
  .c271c3e0 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.pbf4 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.pbf4 main {
  width: 100%;
}

.pbf4 .jb30 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.pbf4 .bb470 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-lg) var(--spacing-md);
}

.pbf4 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-snug);
  font-weight: 700;
}

.pbf4 .c94b {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  display: block;
}

.pbf4 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
  font-weight: 700;
}

.pbf4 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.pbf4 ul,
.pbf4 ol {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
  margin-left: var(--spacing-lg);
}

.pbf4 li {
  margin-bottom: var(--spacing-sm);
}

.pbf4 strong {
  font-weight: 700;
  color: var(--color-text-primary);
}

.pbf4 .k46e {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-2xl);
  border-radius: var(--radius-sm);
}

.pbf4 .k46e h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.pbf4 .k46e p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
}

.pbf4 .k46e p:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .pbf4 .bb470 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .pbf4 h1 {
    margin-bottom: var(--spacing-md);
  }

  .pbf4 h2 {
    margin-top: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .pbf4 .jb30 {
    padding: 0 var(--spacing-xl);
  }

  .pbf4 .bb470 {
    padding: var(--spacing-2xl) 0;
  }
}

.p4de {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.i3bbbc {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) 0;
  overflow: hidden;
  background-color: var(--color-bg-primary);
}

.jb30 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.id262b {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.lc9239f {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--spacing-2xl) var(--spacing-md);
}

.f2a8 {
  width: 80px;
  height: 80px;
  margin-bottom: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
  animation: successPulse 0.6s ease-out;
}

.f2a8 svg {
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
}

@keyframes successPulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.lc9239f h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
}

.d96 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-snug);
}

.ca4509 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-normal);
}

.a426 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  margin: var(--spacing-xl) 0;
  border-radius: var(--radius-md);
  text-align: left;
}

.h0ecf9 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-normal);
}

.ef381c0 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ef381c0 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-sm) 0;
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: var(--line-height-normal);
}

.ef381c0 li:last-child {
  margin-bottom: 0;
}

.ef381c0 li::before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: 700;
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
}

.f53b4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  margin-top: var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-md);
  letter-spacing: var(--letter-spacing-normal);
}

.f53b4:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.f53b4:active {
  transform: translateY(0);
}

@media (min-width: 640px) {
  .i3bbbc {
    padding: var(--spacing-xl) 0;
  }

  .lc9239f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .f2a8 {
    width: 100px;
    height: 100px;
    margin-bottom: var(--spacing-xl);
  }

  .lc9239f h1 {
    margin-bottom: var(--spacing-lg);
  }

  .d96 {
    margin-bottom: var(--spacing-xl);
  }

  .a426 {
    padding: var(--spacing-lg) var(--spacing-xl);
    margin: var(--spacing-2xl) 0;
  }
}

@media (min-width: 1024px) {
  .i3bbbc {
    padding: var(--spacing-2xl) 0;
    min-height: 100vh;
  }

  .lc9239f {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .f2a8 {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-2xl);
  }

  .lc9239f h1 {
    margin-bottom: var(--spacing-xl);
  }

  .d96 {
    margin-bottom: var(--spacing-2xl);
  }

  .ca4509 {
    margin-bottom: var(--spacing-2xl);
  }

  .a426 {
    padding: var(--spacing-xl) var(--spacing-2xl);
    margin: var(--spacing-2xl) 0 var(--spacing-3xl) 0;
  }

  .f53b4 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    margin-top: var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .f2a8 {
    animation: none;
    opacity: 1;
    transform: scale(1);
  }

  .f53b4 {
    transition: background-color var(--transition-base);
  }

  .f53b4:hover {
    transform: none;
  }
}

.k45977c0 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.d87dba {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.jb30 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.id262b {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.g12f {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.m4eead {
  position: relative;
  margin-bottom: var(--spacing-md);
}

.l01 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 900;
  line-height: var(--line-height-tight);
  color: var(--color-primary);
  letter-spacing: var(--letter-spacing-tight);
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
  animation: slideInDown 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.f667fd {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(200px, 50vw, 400px);
  height: clamp(200px, 50vw, 400px);
  background: radial-gradient(circle at 30% 30%, var(--color-primary-light) 0%, transparent 70%);
  border-radius: 50%;
  opacity: 0.15;
  animation: float 6s ease-in-out infinite;
  z-index: 0;
}

.p5a0 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  margin: 0;
  padding: 0;
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

.f8112 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  padding: var(--spacing-md) 0;
  animation: fadeInUp 0.8s ease-out 0.4s both;
  max-width: 600px;
}

.i75 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  padding: var(--spacing-md) 0;
  animation: fadeInUp 0.8s ease-out 0.5s both;
  max-width: 600px;
}

.b7fb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  animation: fadeInUp 0.8s ease-out 0.6s both;
  text-transform: uppercase;
  gap: var(--spacing-xs);
}

.p8abac {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

.p8abac:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.p8abac:active {
  transform: translateY(0);
}

.n094 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  justify-content: center;
  margin-top: var(--spacing-2xl);
  animation: fadeInUp 0.8s ease-out 0.7s both;
  width: 100%;
}

.c8b04c {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  flex: 1;
  min-width: 140px;
  max-width: 200px;
  transition: all var(--transition-base);
}

.c8b04c:hover {
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.cba {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  display: block;
}

.g1d {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: center;
  line-height: var(--line-height-snug);
}

@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes float {
  0%, 100% {
    transform: translate(-50%, -50%) translateY(0);
  }
  50% {
    transform: translate(-50%, -50%) translateY(-20px);
  }
}

@media (min-width: 480px) {
  .d87dba {
    padding: var(--spacing-xl) var(--spacing-md);
  }

  .g12f {
    gap: var(--spacing-xl);
  }

  .n094 {
    gap: var(--spacing-lg);
  }
}

@media (min-width: 768px) {
  .d87dba {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .jb30 {
    padding: 0 var(--spacing-lg);
  }

  .g12f {
    gap: var(--spacing-2xl);
  }

  .m4eead {
    margin-bottom: var(--spacing-lg);
  }

  .n094 {
    gap: var(--spacing-xl);
    margin-top: var(--spacing-3xl);
  }

  .c8b04c {
    min-width: 160px;
  }
}

@media (min-width: 1024px) {
  .d87dba {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

  .jb30 {
    padding: 0 var(--spacing-xl);
  }

  .g12f {
    gap: var(--spacing-3xl);
  }

  .c8b04c {
    flex: 0 1 calc(33.333% - var(--spacing-md));
    min-width: 180px;
    max-width: none;
  }
}

@media (min-width: 1440px) {
  .d87dba {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.n28d {
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.c2d99 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 2rem;
  overflow: hidden;
}

.abe {
  text-align: center;
  margin: 0 auto;
}

.nf9 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-tight);
}

.m3e {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .c2d99 {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .c2d99 {
    padding: 5rem 2rem;
  }
}

.bbd9ec {
  background-color: var(--color-bg-primary);
  padding: 3rem 2rem;
  overflow: hidden;
}

.e4844 {
  width: 100%;
}

.i8c0 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

.fefaa4 {
  flex: 1 1 100%;
  min-width: 0;
}

.p22 {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 1024px) {
  .fefaa4 {
    flex: 1 1 45%;
  }

  .p22 {
    flex: 1 1 45%;
  }
}

.ffe {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.b1308 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.k554 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
}

.d558668 {
  color: var(--color-danger);
  font-weight: 700;
}

.k88080fc,
.m38d1d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
  line-height: var(--line-height-normal);
}

.k88080fc::placeholder,
.m38d1d::placeholder {
  color: var(--color-text-muted);
}

.k88080fc:focus,
.m38d1d:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.m38d1d {
  min-height: 140px;
  resize: vertical;
}

.hf8 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
}

.b3f {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  flex-shrink: 0;
  cursor: pointer;
  accent-color: var(--color-primary);
}

.a2bac {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  cursor: pointer;
}

.f96766 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

.f96766:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.h0e2 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 700;
  cursor: pointer;
  letter-spacing: var(--letter-spacing-tight);
  transition: background-color var(--transition-fast), transform var(--transition-fast);
  text-transform: uppercase;
}

.h0e2:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

.h0e2:active {
  transform: translateY(0);
}

.p1a2b5c {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
}

.fd0380 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-2xl);
  letter-spacing: var(--letter-spacing-tight);
}

.he078620 {
  display: flex;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.he078620:last-child {
  margin-bottom: 0;
}

.db197504 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.l6a {
  flex: 1;
}

.mf23e2 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  letter-spacing: var(--letter-spacing-tight);
}

.ce3c3e65 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.jf6e {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

.jf6e:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.p82a {
  margin-top: var(--spacing-3xl);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
}

.h2818b {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  letter-spacing: var(--letter-spacing-tight);
}

.ca96 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.g68b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  line-height: var(--line-height-normal);
}

.gafaa2 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: var(--color-success-light);
  border-radius: var(--radius-sm);
  color: var(--color-success);
  font-weight: 700;
  font-size: 0.875rem;
}

@media (min-width: 768px) {
  .bbd9ec {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .bbd9ec {
    padding: 5rem 2rem;
  }
}

.o4b9 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 2rem;
  overflow: hidden;
}

.f4c5a {
  text-align: center;
}

.i6ca3ba {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-tight);
}

.g649b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto var(--spacing-2xl);
}

.ld6f {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  justify-content: center;
}

.h29f1,
.k98df {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
  transition: all var(--transition-fast);
  display: inline-block;
  text-transform: uppercase;
}

.h29f1 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
}

.h29f1:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

.k98df {
  background-color: var(--color-bg-primary);
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

.k98df:hover {
  background-color: var(--color-primary-light);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .o4b9 {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .o4b9 {
    padding: 5rem 2rem;
  }
}

@media (max-width: 768px) {
  .i8c0 {
    gap: var(--spacing-2xl);
  }

  .ld6f {
    flex-direction: column;
  }

  .h29f1,
  .k98df {
    width: 100%;
  }
}
.m38f3ce3,.b4f9f815{
  width: 34px;
}

.l858928b{
  justify-content: flex-end;
}

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

img{
  max-width: 100%;
  height: auto;
}

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.b09926{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .b09926{
    max-width: 100%;
  }
}

.b09926.m6faa9{
  z-index: 999;
}

.ec792{
  padding-top: 50px;
}

.m38f3ce3[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .a4da9af {
    aspect-ratio: 6 / 9;
  }
}

.pm-fig{margin:0;overflow:hidden;border-radius:var(--radius-lg,14px);
  box-shadow:0 10px 30px rgba(0,0,0,.12);background:var(--color-bg-secondary,#eee);}
.pm-fig img{display:block;width:100%;height:100%;object-fit:cover;}
.pm-wide{aspect-ratio:2/1;width:100%;max-width:960px;margin:clamp(1.5rem,4vw,2.5rem) auto 0;}
.pm-band{aspect-ratio:16/9;max-width:980px;}
.pm-hero{aspect-ratio:4/3;}
.pm-col{flex:1 1 45%;min-width:min(100%,280px);}
.pm-card{aspect-ratio:4/3;border-radius:0;box-shadow:none;margin:0;width:100%;height:100%;min-width:0;min-height:0;}
.pm-bg{position:absolute;top:0;left:0;width:100%;height:100%;
  object-fit:cover;z-index:0;display:block;}
@media (max-width:767px){.pm-col{flex:1 1 100%;}}