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

:root {
  --color-bg-primary: #f9fafb;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #f3f4f6;
  --color-bg-card: #ffffff;

  --color-text-primary: #111827;
  --color-text-secondary: #4b5563;
  --color-text-muted: #6d727a;

  --color-primary: #059669;
  --color-primary-hover: #047857;
  --color-primary-light: #ecfdf5;
  --color-primary-lighter: #d1fae5;

  --color-secondary: #10b981;
  --color-secondary-light: #f0fdf4;
  --color-secondary-lighter: #bbf7d0;

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

  --color-border: #e5e7eb;
  --color-border-light: #f3f4f6;

  --font-primary: 'Work Sans', sans-serif;
  --font-heading: 'Nunito', sans-serif;

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

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --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: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);

  
  --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;
}

body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

h1 {
  font-size: 3.5rem;
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.75rem;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 2rem;
  letter-spacing: -0.01em;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

p {
  color: var(--color-text-secondary);
  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);
}

button, input, textarea, select {
  font-family: var(--font-primary);
}

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

@media (max-width: 768px) {
  .b55 {
    padding: 0 var(--spacing-md);
  }

  h1 {
    font-size: 2.25rem;
  }

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }
}

@media (max-width: 480px) {
  .b55 {
    padding: 0 var(--spacing-md);
  }

  h1 {
    font-size: 1.875rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }
}

.gf77547 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all var(--transition-fast);
  text-decoration: none;
}

.lef {
  background: var(--color-primary);
  color: #ffffff;
}

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

.c64245b {
  background: var(--color-secondary);
  color: #ffffff;
}

.c64245b:hover {
  background: #059669;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

.kc743d0 {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
}

.n4b30e {
  padding: var(--spacing-2xl);
}

.h3d {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

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

.l8100d {
  background: var(--color-secondary-light);
  color: var(--color-secondary);
}

.ma7fbd5 {
  background: #fef3c7;
  color: #92400e;
}

.o15765 {
  background: #fee2e2;
  color: #991b1b;
}

.ge0 {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacing-md);
}

label {
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select {
  width: 100%;
  padding: var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  font-size: 1rem;
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  transition: all var(--transition-fast);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

textarea {
  resize: vertical;
  min-height: 120px;
}

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

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

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

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

@media (max-width: 1024px) {
  .a9068172 {
    grid-template-columns: repeat(2, 1fr);
  }

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

@media (max-width: 640px) {
  .l8cfbb2,
  .pac53c,
  .a9068172 {
    grid-template-columns: 1fr;
  }
}

.i1f {
  display: flex;
}

.c2cac0 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.i9f {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.n0e472b {
  flex-direction: column;
}

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

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

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

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

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

.kfcff92 {
  text-align: center;
}

.i41ec6 {
  text-align: right;
}

.da31cb8d {
  text-align: left;
}

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

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

.b6357 {
  color: var(--color-secondary);
}

.jd0 {
  color: var(--color-success);
}

.d6b {
  color: var(--color-warning);
}

.m458f08 {
  color: var(--color-danger);
}

.k52 {
  font-weight: 700;
}

.d92 {
  font-weight: 600;
}

.p2b50406 {
  font-weight: 500;
}

.i8c {
  font-weight: 400;
}

.b697bf {
  font-size: 0.875rem;
}

.laea57 {
  font-size: 1rem;
}

.o0bdd {
  font-size: 1.125rem;
}

.c40f7 {
  font-size: 1.25rem;
}

.lc6 {
  font-size: 1.5rem;
}

.kba7411 {
  margin: 0;
}

.i8d8902 {
  margin-top: var(--spacing-xs);
}

.g811c {
  margin-top: var(--spacing-sm);
}

.nb3e876 {
  margin-top: var(--spacing-md);
}

.c39e {
  margin-top: var(--spacing-lg);
}

.mab {
  margin-top: var(--spacing-xl);
}

.pf55 {
  margin-bottom: var(--spacing-xs);
}

.k150bf {
  margin-bottom: var(--spacing-sm);
}

.n48 {
  margin-bottom: var(--spacing-md);
}

.o6abe {
  margin-bottom: var(--spacing-lg);
}

.n6520712 {
  margin-bottom: var(--spacing-xl);
}

.e5e99b7 {
  padding: 0;
}

.k75c {
  padding: var(--spacing-xs);
}

.b03 {
  padding: var(--spacing-sm);
}

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

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

.kefdd9 {
  padding: var(--spacing-xl);
}

.n54d {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}

.g68f6661 {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

.p79df {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
}

.k71f6 {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}

.e1f9 {
  padding: var(--spacing-4xl) 0;
}

.l89 {
  padding: var(--spacing-2xl) 0;
}

.f459b438 {
  padding: var(--spacing-4xl) 0;
}

.g25 {
  height: 1px;
  background: var(--color-border-light);
  margin: var(--spacing-lg) 0;
}

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

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

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

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

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

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

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

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

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

.mb8 {
  opacity: 0.5;
}

.ea7778 {
  opacity: 0.75;
}

.aec {
  opacity: 1;
}

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

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

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

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

.p9b6c {
  background: var(--color-secondary-light);
}

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

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

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

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

.n5135 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.n5135 li {
  margin-bottom: var(--spacing-md);
}

.g078 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.g078 li {
  margin-bottom: var(--spacing-md);
  padding-left: var(--spacing-xl);
  position: relative;
  color: var(--color-text-secondary);
}

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

.ff11999 {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-lg);
  transition: all var(--transition-fast);
  color: var(--color-text-secondary);
}

.ff11999:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
}

.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 (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.lcb {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
  padding: clamp(0.75rem, 2vw, 1rem) 0;
}

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

.kd4354e8 {
  display: flex;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
  gap: 0.5rem;
  transition: opacity var(--transition-fast);
}

.kd4354e8:hover {
  opacity: 0.85;
}

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

.h11 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

.n1fd91 {
  display: none;
  align-items: center;
  gap: clamp(1rem, 2vw, 2rem);
  flex: 1;
  justify-content: center;
}

.jd3e3 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
}

.jd3e3:hover {
  color: var(--color-accent);
  border-bottom-color: var(--color-accent);
}

.ece2 {
  display: none;
  padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1rem, 2vw, 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);
  transition: background var(--transition-fast), transform var(--transition-fast);
  flex-shrink: 0;
}

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

.a16c7c87 {
  display: flex;
  flex-direction: column;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  gap: 6px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.m2967 {
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-fast);
  display: block;
  position: relative;
}

.m2967::before,
.m2967::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 2px;
  left: 0;
  transition: all var(--transition-fast);
}

.m2967::before {
  top: -8px;
}

.m2967::after {
  bottom: -8px;
}

.a16c7c87[aria-expanded="true"] .m2967 {
  background: transparent;
}

.a16c7c87[aria-expanded="true"] .m2967::before {
  top: 0;
  transform: rotate(45deg);
}

.a16c7c87[aria-expanded="true"] .m2967::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.d24 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: opacity var(--transition-base), visibility var(--transition-base), transform var(--transition-base);
  overflow-y: auto;
  border-left: 1px solid var(--color-border-light);
}

.d24.na0 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.hcd7 {
  padding: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
  display: flex;
  justify-content: flex-end;
}

.p51c9 {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.5rem;
  color: var(--color-text-primary);
  padding: 0.5rem;
  transition: color var(--transition-fast);
}

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

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

.oc4f0 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: 500;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1rem, 2vw, 1.25rem);
  border-radius: var(--radius-md);
  transition: background var(--transition-fast), color var(--transition-fast);
}

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

.e63 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-on-accent);
  background: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  padding: clamp(0.875rem, 1.5vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  text-align: center;
  display: block;
  transition: background var(--transition-fast), transform var(--transition-fast);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

@media (min-width: 768px) {
  .n1fd91 {
    display: flex;
  }

  .ece2 {
    display: inline-block;
  }

  .a16c7c87 {
    display: none;
  }

  .d24 {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .h11 {
    font-size: 1.5rem;
  }

  .jd3e3 {
    font-size: 1rem;
  }

  .ece2 {
    padding: 0.75rem 1.75rem;
    font-size: 1rem;
  }
}

    .g15eff {
  width: 100%;
}

.g15eff h1,
.g15eff h2,
.g15eff h3,
.g15eff h4,
.g15eff h5,
.g15eff h6,
.g15eff p,
.g15eff a,
.g15eff span,
.g15eff li {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.b415 {
  text-align: center;
}

.g8cc63e5 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
}

.gb315 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.ad4c2f {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 2rem);
  justify-content: center;
  align-items: flex-start;
}

.f72e1 {
  flex: 1 1 100%;
  min-width: 280px;
  max-width: 600px;
}

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

.bc744 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
  flex: 1 1 100%;
}

.b68d4d2 {
  width: 100%;
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
  max-width: 280px;
  height: auto;
  max-height: 250px;
  object-fit: cover;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

.n7afd {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  justify-content: center;
  align-items: center;
}

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

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

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

.af2ff {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-accent);
}

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

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

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

.pbe29 {
  text-align: center;
}

.pcf6 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
}

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

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

.b80 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(2rem, 4vw, 3rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
}

.a1104c0 {
  flex-direction: row;
}

.he9 {
  flex-direction: row-reverse;
}

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

.bf3d89e {
  flex: 0 0 auto;
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-accent);
  text-align: center;
}

.p36f3d {
  flex: 1 1 300px;
}

.idb {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
}

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

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

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

.g2e27 {
  text-align: center;
}

.ie65 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
}

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

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

.f32102 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 250px;
  max-width: 320px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  border-left: 4px solid var(--color-accent);
  transition: all var(--transition-base);
}

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

.hdee7851 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
}

.k5a58 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
}

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

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

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

.kdb17bfb {
  text-align: center;
}

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

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

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

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

.n65e6df6 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(2rem, 4vw, 3rem);
}

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

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

.ne45bd04 {
  flex: 1 1 45%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
}

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

.pd4 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0 0 clamp(0.25rem, 0.5vw, 0.5rem) 0;
}

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

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

  .a9a3f,
  .ne45bd04 {
    flex: 1 1 100%;
  }
}

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

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

.f367a6 {
  text-align: center;
}

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

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

.id4 {
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
}

.pb21 {
  flex: 0 0 auto;
  font-size: clamp(1.5rem, 2vw, 2rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: 40px;
  text-align: center;
}

.ac3e {
  flex: 1;
}

.dda16 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.25rem, 0.5vw, 0.5rem) 0;
}

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

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

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

.o2b109b {
  text-align: center;
}

.f50d96f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
}

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

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

.c78b0a52 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  max-width: 250px;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.c78b0a52 i {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
}

.j41 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

@media (max-width: 768px) {
  .c78b0a52 {
    flex: 1 1 calc(50% - 0.5rem);
  }
}

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

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

.d5faf91f {
  text-align: center;
}

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

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

.ke7318 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 280px;
  max-width: 420px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.d45a5 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1vw, 1rem) 0;
}

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

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

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

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

.n3f {
  text-align: center;
}

.p6cd {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
}

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

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

.p58d9 {
  flex: 1 1 300px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.kab7e {
  width: 100%;
  height: auto;
  max-height: 240px;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

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

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

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

.le9c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
  width: fit-content;
}

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

.nf4 {
  display: flex;
  justify-content: center;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

.geda9b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}

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

.h9f5d7b0 .g26f8 {
  align-self: center;
}

.n8f4 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: #1e293b;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);
}

.n8f4.lfeb1e {
  display: none;
}

.d0d {
  color: #f1f5f9;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  flex: 1 1 auto;
  min-width: 250px;
}

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

.a396,
.ad924 {
  padding: clamp(0.5rem, 0.8vw, 0.75rem) clamp(1rem, 1.5vw, 1.5rem);
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base);
}

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

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

.ad924 {
  background: transparent;
  color: #f1f5f9;
  border: 1px solid rgba(241, 245, 249, 0.3);
}

.ad924:hover {
  border-color: rgba(241, 245, 249, 0.6);
  background: rgba(241, 245, 249, 0.05);
}

@media (max-width: 768px) {
  .n8f4 {
    flex-direction: column;
    padding: clamp(1rem, 3vw, 1.5rem);
  }

  .d0d {
    width: 100%;
    text-align: center;
  }

  .ca124 {
    width: 100%;
    justify-content: center;
  }

  .a396,
  .ad924 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

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

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

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

.lf9826 {
  display: block;
}

.lf9826 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 700;
  margin: 0 0 clamp(0.75rem, 2vw, 1rem) 0;
}

.lf9826 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.6;
  margin: 0;
  max-width: 520px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.kb5abf4,
.eda76,
.aeb {
  display: block;
  flex: 1 1 200px;
  min-width: 180px;
}

.kb5abf4 h4,
.eda76 h4,
.aeb h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 600;
  margin: 0 0 clamp(0.75rem, 2vw, 1rem) 0;
}

.kb5abf4 ul,
.aeb ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
}

.kb5abf4 li,
.aeb li {
  display: block;
  margin: 0;
}

.kb5abf4 a,
.aeb a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: color var(--transition-base);
}

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

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

.eda76 p strong {
  color: var(--color-text-primary);
  font-weight: 600;
  display: block;
  margin-bottom: 0.25rem;
}

.eda76 p:last-child {
  margin-bottom: 0;
}

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

.p76d1167 {
  color: var(--color-text-secondary);
  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;
}

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

@media (max-width: 768px) {
  .c9a1e {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .kb5abf4,
  .eda76,
  .aeb {
    flex: 1 1 100%;
  }
}
    

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

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

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

.e02e2a {
  text-align: center;
}

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

.je5b3e3 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 900px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.bee235bf {
  display: flex;
  justify-content: center;
}

.obee {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  justify-content: center;
}

.jb873eb {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  cursor: default;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

.p8a1413f {
  text-align: center;
}

.o4bcda0 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h71 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.m46 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  flex: 1 1 300px;
  max-width: 450px;
  transition: all var(--transition-base);
}

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

.p5b6 {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

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

.f24e2faf {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b1104b {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  flex: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.g33,
.e7a5,
.aa71f {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.g33 i,
.e7a5 i,
.aa71f i {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 1rem);
}

.h1c7d {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base);
  width: fit-content;
}

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

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

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

.b67067 {
  text-align: center;
}

.g89cd4 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ebce61 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.i8a84be {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.e9c9 {
  display: flex;
  align-items: center;
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  user-select: none;
  transition: all var(--transition-base);
  list-style: none;
  width: 100%;
  text-align: left;
}

.e9c9::-webkit-details-marker {
  display: none;
}

.i8a84be > summary::before {
  content: '\f054';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 1rem;
  transition: transform var(--transition-base);
  color: var(--color-accent);
}

.i8a84be[open] > summary::before {
  transform: rotate(90deg);
}

.i8a84be:hover .e9c9 {
  background: var(--color-bg-tertiary);
}

.fa52d01 {
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) clamp(3.5rem, 4vw, 4rem);
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  border-top: 1px solid var(--color-border-light);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.fa52d01 p {
  margin: 0;
  color: var(--color-text-secondary);
}

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

@media (max-width: 767px) {
  .l9ae0469 {
    flex-direction: column;
    align-items: stretch;
  }

  .m46 {
    max-width: 100%;
    flex: 1 1 auto;
  }

  .obee {
    flex-direction: column;
  }

  .jb873eb {
    width: 100%;
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .l9ae0469 {
    gap: clamp(1.5rem, 4vw, 2rem);
  }

  .m46 {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (min-width: 1024px) {
  .m46 {
    flex: 1 1 calc(50% - 1.25rem);
  }
}

@media (min-width: 1200px) {
  .l9ae0469 {
    justify-content: flex-start;
  }

  .m46 {
    flex: 1 1 calc(33.333% - 1.67rem);
  }
}

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

  html {
    scroll-behavior: smooth;
  }

  body {
    font-family: 'Work Sans', sans-serif;
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
  }

  .b55 {
    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;
  }

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

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

  i {
    display: inline-block;
    margin-right: 0.5rem;
  }

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

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

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

  .o76e6 {
    font-family: 'Nunito', sans-serif;
    font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    line-height: 1.2;
  }

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

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

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

  .p276 i {
    color: var(--color-accent);
    margin-right: 0.5rem;
  }

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

  .ke2 {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
    object-fit: cover;
  }

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

    .ic914511,
    .ed26 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .p1537 {
      gap: 1rem;
    }
  }

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

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

  .oec7a span {
    color: var(--color-text-muted);
    margin: 0 0.25rem;
  }

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

  .nbbc84 {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: clamp(2rem, 4vw, 4rem);
    align-items: start;
  }

  .n31 {
    position: sticky;
    top: 2rem;
  }

  .dd82985 {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border-light);
    border-radius: 12px;
    padding: clamp(1.25rem, 2vw, 1.5rem);
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
  }

  .e985 {
    width: 100%;
    height: auto;
    max-width: 120px;
    border-radius: 50%;
    margin-bottom: 1rem;
    display: block;
  }

  .d1e0e {
    font-family: 'Nunito', sans-serif;
    font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.0625rem);
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 0.25rem;
  }

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

  .jfe79a {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
    color: var(--color-text-secondary);
    margin-bottom: 0.75rem;
  }

  .ea08c77 {
    font-size: clamp(0.75rem, 0.9vw + 0.5rem, 0.8125rem);
    color: var(--color-text-secondary);
    line-height: 1.5;
  }

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

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

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

  .bfb {
    font-family: 'Nunito', sans-serif;
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    line-height: 1.3;
  }

  .gfe1,
  .l8a8b {
    font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.0625rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

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

  .i93042 {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
    object-fit: cover;
  }

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

    .aaccfa56,
    .l33190 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  .n3c076fc {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: 12px;
    overflow: hidden;
  }

  .me69e8f2 {
    font-family: 'Nunito', sans-serif;
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
    text-align: center;
  }

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

  .p09 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    min-width: 250px;
    background: var(--color-bg-primary);
    padding: clamp(1.5rem, 2vw, 2rem);
    border-radius: 8px;
    border: 1px solid var(--color-border-light);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }

  .n788ef {
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    color: var(--color-accent);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .n788ef i {
    margin: 0;
  }

  .p87 {
    font-family: 'Nunito', sans-serif;
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.1875rem);
    font-weight: 600;
    color: var(--color-text-primary);
  }

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

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

  .b991a {
    background: var(--color-bg-tertiary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: 12px;
    overflow: hidden;
  }

  .b943a {
    font-family: 'Nunito', sans-serif;
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  }

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

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

  .ha7d03 {
    font-family: 'Nunito', sans-serif;
    font-size: clamp(1.1875rem, 2vw + 0.5rem, 1.5rem);
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

  .e5f7,
  .o14 {
    font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.0625rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

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

  .d7b31c {
    font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.0625rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    padding-left: 1.5rem;
    position: relative;
  }

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

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

  .m5eec8 {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
    object-fit: cover;
  }

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

    .jc8c6,
    .k2e45e40 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  .f21 {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: 12px;
    overflow: hidden;
  }

  .l499de {
    font-family: 'Nunito', sans-serif;
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
    text-align: center;
  }

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

  .nab1e {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    min-width: 250px;
    background: var(--color-bg-tertiary);
    padding: clamp(1.5rem, 2vw, 2rem);
    border-radius: 8px;
    border-left: 4px solid var(--color-accent);
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .p5199 {
    font-family: 'Nunito', sans-serif;
    font-size: clamp(1.0625rem, 1.5vw + 0.5rem, 1.25rem);
    font-weight: 600;
    color: var(--color-text-primary);
  }

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

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

  .ped5c4 {
    background: var(--color-bg-primary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: 12px;
    overflow: hidden;
    margin: clamp(1.5rem, 3vw, 2.5rem) 0;
  }

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

  .fde82db {
    font-size: clamp(1.5rem, 2vw, 1.75rem);
    color: var(--color-secondary);
    flex-shrink: 0;
    margin-top: 0.25rem;
  }

  .fde82db i {
    margin: 0;
  }

  .g734d {
    flex: 1;
  }

  .jbfc {
    font-family: 'Nunito', sans-serif;
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.1875rem);
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  }

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

  .i775619 {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: 12px;
    overflow: hidden;
  }

  .fb9f835 {
    font-family: 'Nunito', sans-serif;
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

  .b3c2994f,
  .o8da620 {
    font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.0625rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

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

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

  .ma426 {
    font-family: 'Nunito', sans-serif;
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
    font-weight: 700;
    color: var(--color-text-primary);
    text-align: center;
  }

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

  .a27fd915 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    min-width: 280px;
    background: var(--color-bg-card);
    border: 1px solid var(--color-border-light);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
  }

  .a27fd915:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  }

  .fc68 {
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: var(--color-bg-tertiary);
  }

  .fc68 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .a27fd915:hover .fc68 img {
    transform: scale(1.05);
  }

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

  .mb6ff {
    font-family: 'Nunito', sans-serif;
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.125rem);
    font-weight: 600;
    color: var(--color-text-primary);
    line-height: 1.4;
  }

  .mb6ff a {
    color: var(--color-text-primary);
    transition: color 0.3s ease;
  }

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

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

  @media (max-width: 1024px) {
    .a27fd915 {
      flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    }
  }

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

    .nbbc84 {
      grid-template-columns: 1fr;
      gap: clamp(1.5rem, 3vw, 2rem);
    }

    .n31 {
      position: static;
    }

    .dd82985 {
      display: grid;
      grid-template-columns: 120px 1fr;
      gap: 1rem;
      text-align: left;
      align-items: center;
    }

    .e985 {
      grid-column: 1;
      grid-row: 1 / span 3;
      margin-bottom: 0;
    }

    .d1e0e {
      grid-column: 2;
      grid-row: 1;
      margin-bottom: 0;
    }

    .jfe79a {
      grid-column: 2;
      grid-row: 2;
      margin-bottom: 0;
    }

    .ea08c77 {
      grid-column: 2;
      grid-row: 3;
    }
  }

  @media (max-width: 480px) {
    .p1537 {
      flex-direction: column;
      align-items: flex-start;
      gap: 0.75rem;
    }

    .oec7a {
      font-size: 0.75rem;
    }

    .p09 {
      flex: 1 1 100%;
    }

    .nab1e {
      flex: 1 1 100%;
    }

    .hc56a4 {
      flex-direction: column;
      align-items: flex-start;
    }
  }

.d48022f {
  width: 100%;
  overflow: hidden;
}

.b55 {
  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;
}

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

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

.m6c27 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

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

.d1f1622 {
  flex: 1 1 50%;
}

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

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

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

.p20f {
  display: inline-block;
}

.p9ac22e0 {
  display: inline-block;
  color: var(--color-text-muted);
}

.a1e {
  flex: 1 1 50%;
  display: flex;
  justify-content: center;
}

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

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

  .d1f1622,
  .a1e {
    flex: 1 1 100%;
  }
}

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

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

.nc8d7 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

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

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

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

.m63a3f1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 200px;
}

.h3973 {
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  color: var(--color-text-on-accent);
}

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

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

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

  .m63a3f1 {
    flex: 1 1 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

.h103c19 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  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: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.6;
}

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

  .e1b1d776,
  .m17cb99 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.g80b {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

.f22c98 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.p2e {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.d7eee1 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

.n25b1e {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  margin: 0;
  font-weight: 500;
}

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

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

  .ddc {
    width: 100px;
    height: 100px;
  }
}

.m38 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 3.5rem) 0;
  overflow: hidden;
}

.ofc4b15e {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: linear-gradient(135deg, rgba(3, 102, 214, 0.05) 0%, rgba(5, 150, 105, 0.05) 100%);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(5, 150, 105, 0.2);
}

.ea276489 {
  font-size: 1.75rem;
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

.i3f6cecb {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

.o9edc1a8 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

.h5ba {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(5, 150, 105, 0.1);
  border-radius: var(--radius-md);
}

.ga2caa41 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
}

.pd53993 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

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

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

.m32 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: var(--color-bg-tertiary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.b7ac {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(5, 150, 105, 0.1);
}

.b7ac:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.i144 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

.a540d3a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.e28a9cb9 {
  background: rgba(5, 150, 105, 0.1);
  padding: 0.75rem;
  border-radius: var(--radius-md);
  margin-top: 0.75rem;
}

.e28a9cb9 .i144,
.e28a9cb9 .a540d3a {
  font-weight: 700;
  color: var(--color-accent);
}

.e82 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  background: rgba(5, 150, 105, 0.05);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  line-height: 1.6;
}

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

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

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

  .ia797012,
  .ke779c1b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.fa8 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

.jb01 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  flex: 1 1 calc(25% - 1.125rem);
  min-width: 200px;
  transition: all var(--transition-base);
}

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

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

.b90 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

  .jb01 {
    flex: 1 1 100%;
  }
}

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

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

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

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

.cb7639 {
  display: flex;
  justify-content: center;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

.d27 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
}

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

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

.p4f32e {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-base);
}

.d27:hover .p4f32e {
  transform: scale(1.05);
}

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

.fb4a19 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
}

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

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

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

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

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

  .d27 {
    flex: 1 1 100%;
  }
}

* {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p18e {
  display: block;
  width: 100%;
}

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

.k0f {
  position: relative;
  overflow: hidden;
  background: var(--color-bg-primary);
  padding: clamp(2rem, 8vw, 4rem) 0;
  min-height: 350px;
  display: flex;
  align-items: center;
}

.pd2fbf5 {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.cfd3 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
}

.i8a5 {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

.he84879 a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.he84879 span {
  color: var(--color-text-on-accent);
}

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

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

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

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

.o872946b {
  color: var(--color-text-on-accent);
  opacity: 0.7;
}

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

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

.bc048f5 {
  flex: 0 0 auto;
  width: 100%;
  max-width: 280px;
  position: sticky;
  top: 2rem;
}

@media (max-width: 1023px) {
  .bc048f5 {
    position: static;
    max-width: 100%;
  }
}

.p53ccc6 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
}

.o98c {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  margin: 0 auto;
  display: block;
}

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

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

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

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

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

.j5ce {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 3.5rem);
  min-width: 0;
}

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

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

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

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

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

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

.m03 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

.ec134b {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.j11 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
}

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

.icd {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
}

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

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

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

.p6b {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

.b7a {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

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

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

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

.heb2 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
  align-self: flex-start;
}

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

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

  .bc048f5 {
    width: 100%;
    position: static;
  }

  .gdcd,
  .g0586 {
    flex-direction: column;
  }

  .p6a738,
  .ec134b,
  .h1ead1,
  .ecc {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  .k0f {
    min-height: 280px;
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .febbe7fb {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .l469ad {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }
}

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
}

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

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.ie9c940 {
  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;
}

.o81 {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

.o7698 {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(2rem, 3vw, 3rem);
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.o7698 a {
  color: var(--color-accent);
  transition: var(--transition-base);
}

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

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

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

  .p073,
  .b5777e3 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

.b19110 {
  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;
}

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

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

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

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

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

  .l4a,
  .p20258 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.e0eed {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background-color: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.f73c3 {
  flex-shrink: 0;
}

.f73c3 img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-accent);
  display: block;
}

.g900f {
  flex: 1;
  min-width: 0;
}

.m8f {
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  line-height: 1.3;
}

.m8f a {
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

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

.d5fea {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.ac4dd3f {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

  .f73c3 img {
    width: 100px;
    height: 100px;
  }
}

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

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

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

.h1610d {
  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;
}

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

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

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

.face5 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.face5 li {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.face5 li:before {
  content: "";
  color: var(--color-accent);
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

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

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

  .la8,
  .oc9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.e5d {
  flex-shrink: 0;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.5rem);
  font-family: var(--font-heading);
}

.m2ff {
  flex: 1;
  min-width: 0;
}

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

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

.i65 {
  background-color: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
}

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

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

.h6dcab0 i {
  color: var(--color-secondary);
}

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

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

.ae8d {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

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

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

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

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

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

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

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

.g2bbe0 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
}

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

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

.mdd58a39 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition-base);
  display: block;
}

.g2bbe0:hover .mdd58a39 img {
  transform: scale(1.05);
}

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

.n62 {
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  line-height: 1.4;
}

.n62 a {
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

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

.le8d7a9e {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

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

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

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

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

.o27628 {
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  background-color: var(--color-primary-light);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
}

.f05f0 {
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

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

  .b27caad {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .p97 {
    flex-direction: column;
  }

  .g2bbe0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

  .b27caad {
    flex: 1 1 100%;
  }
}

@media (max-width: 480px) {
  .c33 {
    gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .o7698 {
    font-size: 0.75rem;
  }

  .e0eed {
    flex-direction: column;
    text-align: center;
  }

  .f73c3 img {
    width: 80px;
    height: 80px;
  }
}

@media (min-width: 1024px) {
  .afb8a6,
  .b06c,
  .g963fb,
  .j288adc,
  .mc9a,
  .kc5,
  .p99ed4f1,
  .i65,
  .k8553d48,
  .nc65 {
    padding: clamp(4rem, 8vw, 6rem) 0;
  }
}

img {
  max-width: 100%;
  height: auto;
}

ul, ol {
  list-style-position: inside;
}

code {
  background-color: var(--color-bg-tertiary);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-md);
  font-size: 0.9em;
}

blockquote {
  border-left: 4px solid var(--color-accent);
  padding-left: 1.5rem;
  color: var(--color-text-secondary);
  font-style: italic;
  margin: 1.5rem 0;
}

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

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

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

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

.n1aa {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

.db58b93 {
  text-align: center;
  max-width: 800px;
}

.d5e679 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: var(--spacing-md);
}

.b408dc {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 800;
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
}

.d30411a {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.25rem);
  margin-bottom: var(--spacing-xl);
  line-height: 1.7;
}

.j24d120 {
  width: 100%;
  max-width: 600px;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

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

.ea63 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

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

.k749 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: var(--spacing-md);
}

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

.e52 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.125rem);
}

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

.j64c {
  flex: 1 1 45%;
  min-width: 300px;
}

.j64c p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  margin-bottom: var(--spacing-lg);
  line-height: 1.8;
}

.j64c p:last-child {
  margin-bottom: 0;
}

.h9de {
  flex: 1 1 45%;
  min-width: 250px;
  min-height: 350px;
}

.h9de img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

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

  .j64c,
  .h9de {
    flex: 1 1 100%;
  }

  .h9de {
    min-height: 280px;
  }
}

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

.eb54 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

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

.e69 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: var(--spacing-md);
}

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

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

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

.h27 {
  flex: 1 1 280px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 2vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: all var(--transition-base);
  min-height: auto;
}

.h27:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(5, 150, 105, 0.15);
  border-color: var(--color-accent);
}

.d064 {
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--color-text-on-accent);
}

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

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

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

.j4fb81 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

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

.o2064d {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: var(--spacing-md);
}

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

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

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

.c7e {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

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

.i9b {
  flex: 1;
}

.k782 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

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

.b7e {
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

.jb3ac {
  text-align: center;
  max-width: 800px;
}

.h64dd5 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: var(--spacing-md);
}

.b384ec {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
}

.p0decbe {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.125rem);
  line-height: 1.8;
  margin-bottom: var(--spacing-xl);
}

.h6b9 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-md);
  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-lg);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
}

.h6b9:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(5, 150, 105, 0.3);
}

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

.eef {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.ked92d3 {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

.l6c8 {
  color: var(--color-accent);
  font-size: 1.5rem;
  flex-shrink: 0;
}

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

.ja5a {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  line-height: 1.7;
}

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

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

  .p814 {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 480px) {
  .a6a4 {
    gap: var(--spacing-lg);
  }

  .h27 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

.j06 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.p66 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.p66 i {
  font-size: 1em;
}

.j0666481 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a0c {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 400;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pa4e04 {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 500px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

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

.n745ad {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

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

.e0e81 {
  width: 60px;
  height: 4px;
  background: var(--color-accent);
  border-radius: var(--radius-full);
}

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

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

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

.ka63 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.i8f800 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

.ndf75 {
  flex-shrink: 0;
  width: clamp(60px, 8vw, 80px);
  height: clamp(60px, 8vw, 80px);
  border-radius: var(--radius-full);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
}

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

.o89 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.p0238b {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.ndc19b0 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

.dad45a {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 280px;
  max-width: 350px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.oa71 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.p035f {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ifb8 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.b90594 {
  text-align: center;
}

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

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

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

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

.he19c {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.p51a7d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.h14877 {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%);
  padding: clamp(2rem, 5vw, 3.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  box-shadow: var(--shadow-lg);
}

.c83 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ad5de78 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.g5bd76 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-bg-primary);
}

.g5bd76:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}

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

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

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

  .o00 {
    flex: 1 1 100%;
  }

  .pa4e04 {
    flex: 1 1 100%;
    min-height: 250px;
    max-height: 350px;
  }

  .dad45a {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .f5588 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h420 {
    flex-direction: column;
  }

  .g5bd76,
  .if75e27 {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .dad45a {
    flex: 1 1 calc(33.333% - 1rem);
    max-width: 100%;
  }

  .f5588 {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (min-width: 1024px) {
  .n82e0b6c {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

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

  .f5588 {
    flex: 1 1 calc(25% - 0.75rem);
    max-width: 100%;
  }
}

.o29a {
  width: 100%;
  background-color: var(--color-bg-primary);
}

.a98b6 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.i3638 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.g8e {
  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: 1.2;
}

.c53fc8bc {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.2rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .a98b6 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a98b6 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.e2d4 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.n89e33d {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .n89e33d {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .e2d4 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n89e33d {
    grid-template-columns: repeat(2, 1fr);
  }

  .e2d4 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.k3325f59 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

.mb3 {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

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

.o8f5204 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.a8aa34 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  padding: 0.35rem var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.l77 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.2rem, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.35;
}

.fca {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.2rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.l6186f8f {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: color var(--transition-fast);
  width: fit-content;
}

.l6186f8f:hover {
  color: var(--color-primary-hover);
}

.l6186f8f::after {
  content: '';
  margin-left: var(--spacing-xs);
  transition: transform var(--transition-fast);
}

.l6186f8f:hover::after {
  transform: translateX(4px);
}

@media (min-width: 768px) {
  .mb3 {
    height: 240px;
  }

  .o8f5204 {
    padding: var(--spacing-xl);
  }
}

.na041 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.m70d3 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.he5353cd {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.2rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.ge269f {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.2rem, 1.05rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base);
  border: none;
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .na041 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .na041 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.c9e0173d {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.b435 h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: var(--spacing-md);
}

.b435 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.15rem);
  line-height: 1.6;
  margin: 0;
}

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

@media (min-width: 768px) {
  .c9e0173d {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .h08746 {
    order: 2;
  }
}

@media (min-width: 1024px) {
  .c9e0173d {
    gap: var(--spacing-3xl);
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.ga5330 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.ib7d1376 {
  margin-bottom: var(--spacing-md);
  border-bottom: 1px solid var(--color-border-light);
}

.ib7d1376:last-child {
  border-bottom: none;
}

.id86ca {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-lg) 0;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
  transition: color var(--transition-base);
}

.id86ca:hover {
  color: var(--color-primary);
}

.id86ca:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}

.b4eb {
  flex-shrink: 0;
  color: var(--color-primary);
  transition: transform var(--transition-base);
  margin-left: var(--spacing-sm);
}

.id86ca[aria-expanded="true"] .b4eb {
  transform: rotate(180deg);
}

.ac4537 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base), opacity var(--transition-base);
  opacity: 0;
  padding: 0;
}

.ac4537.l59a {
  max-height: 500px;
  opacity: 1;
  padding-bottom: var(--spacing-md);
}

.ac4537 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.4rem, 1.05rem);
  line-height: 1.7;
  margin: 0;
}

@media (min-width: 768px) {
  .ga5330 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .j9c291 {
    max-width: 900px;
  }

  .id86ca {
    padding: var(--spacing-xl) 0;
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.2rem);
  }
}

@media (min-width: 1024px) {
  .ga5330 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.ef570 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.i3b h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: var(--spacing-md);
}

.i3b p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.4rem, 1.05rem);
  line-height: 1.6;
  margin-bottom: var(--spacing-lg);
}

.n081ff5 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
}

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

.n081ff5:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}

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

@media (min-width: 768px) {
  .ef570 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .f211db6 {
    order: 2;
  }
}

@media (min-width: 1024px) {
  .ef570 {
    gap: var(--spacing-3xl);
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

.ae4413 main {
  width: 100%;
}

.ae4413 .b55 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.ae4413 .ge48d8 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.ae4413 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.3;
}

.ae4413 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: 1.4;
}

.ae4413 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.ae4413 .la58b {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.ae4413 ul {
  list-style: none;
  padding: 0;
  margin: var(--spacing-md) 0;
}

.ae4413 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

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

.ae4413 section {
  margin-bottom: var(--spacing-2xl);
}

.ae4413 .de1e93 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.ae4413 .de1e93 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.ae4413 .de1e93 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.ae4413 .i7973 {
  margin-top: var(--spacing-md);
}

.ae4413 .i7973 p {
  margin-bottom: var(--spacing-xs);
}

@media (min-width: 768px) {
  .ae4413 .b55 {
    padding: 0 var(--spacing-lg);
  }

  .ae4413 .ge48d8 {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1024px) {
  .ae4413 .b55 {
    padding: 0 var(--spacing-xl);
  }

  .ae4413 .ge48d8 {
    padding: var(--spacing-4xl) 0;
  }
}

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

.c22b55 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.b6d272 {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
}

.b55 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--spacing-md);
}

.ge48d8 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.ja7bf3b6 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.pd2121 {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-full);
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  animation: scaleIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.pd2121 svg {
  width: 48px;
  height: 48px;
}

@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.b373d09 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.je4774 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}

.h5a3 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.f618 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  font-style: italic;
}

.gf77547 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  min-width: 200px;
}

.lef {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

.lef:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.lef:active {
  transform: translateY(0);
}

.lef:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

@media (min-width: 480px) {
  .b6d272 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .pd2121 {
    width: 100px;
    height: 100px;
    margin-bottom: var(--spacing-md);
  }

  .pd2121 svg {
    width: 60px;
    height: 60px;
  }

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

@media (min-width: 768px) {
  .b6d272 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

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

  .pd2121 {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-lg);
  }

  .pd2121 svg {
    width: 72px;
    height: 72px;
  }

  .gf77547 {
    min-width: 240px;
    padding: var(--spacing-md) var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .b6d272 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

@media (prefers-reduced-motion: reduce) {
  .ja7bf3b6 {
    animation: none;
  }

  .pd2121 {
    animation: none;
  }

  .lef:hover {
    transform: none;
  }

  .lef:active {
    transform: none;
  }
}

.i3a55 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.a8164 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.b55 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.ge48d8 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.lfa3f1 {
  margin-bottom: var(--spacing-3xl);
  display: flex;
  justify-content: center;
}

.k401a9 {
  position: relative;
  display: inline-block;
}

.l70ca510 {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  letter-spacing: -0.02em;
  display: block;
  animation: floatError 3s ease-in-out infinite;
}

@keyframes floatError {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

.o7450e {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: 4px;
  background-color: var(--color-primary);
  border-radius: var(--radius-full);
  opacity: 0.3;
  animation: pulseDecoration 2s ease-in-out infinite;
}

@keyframes pulseDecoration {
  0%, 100% {
    width: 200px;
    opacity: 0.3;
  }
  50% {
    width: 250px;
    opacity: 0.6;
  }
}

.l20bba98 {
  margin-top: var(--spacing-3xl);
}

.c1c {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.jdb5 {
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  font-family: var(--font-heading);
}

.c7aed {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
  font-family: var(--font-primary);
}

.ee923 {
  margin-bottom: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
}

.gf77547 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  font-family: var(--font-primary);
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  letter-spacing: 0.3px;
}

.lef {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

.lef:hover {
  background-color: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.lef:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.d46a1e5 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary-light);
  border-radius: var(--radius-md);
  display: inline-block;
  max-width: 100%;
}

.p1f {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-family: var(--font-primary);
  line-height: 1.6;
}

@media (min-width: 640px) {
  .a8164 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .k401a9 {
    margin-bottom: var(--spacing-2xl);
  }

  .o7450e {
    bottom: -40px;
  }

  .l20bba98 {
    margin-top: var(--spacing-2xl);
  }
}

@media (min-width: 768px) {
  .a8164 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .lfa3f1 {
    margin-bottom: var(--spacing-3xl);
  }

  .o7450e {
    bottom: -50px;
  }

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

@media (min-width: 1024px) {
  .a8164 {
    padding: var(--spacing-4xl) var(--spacing-xl);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .k401a9 {
    margin-bottom: var(--spacing-3xl);
  }

  .l20bba98 {
    margin-top: var(--spacing-3xl);
  }

  .c7aed {
    margin-bottom: var(--spacing-3xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .l70ca510 {
    animation: none;
  }

  .o7450e {
    animation: none;
  }

  .lef:hover {
    transform: none;
  }

  .lef:active {
    transform: none;
  }
}

.i412 {
  width: 100%;
  background-color: var(--color-bg-primary);
}

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

.bba2 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.5rem);
}

.k7b21a {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.02em;
}

.p525c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

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

.d998b1f7 {
  width: 100%;
}

.na4c {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 4rem);
  width: 100%;
}

.c5d5e4 {
  flex: 1 1 100%;
  min-width: 0;
}

.a64ba46b {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 1024px) {
  .na4c {
  }

  .c5d5e4 {
    flex: 1 1 45%;
  }

  .a64ba46b {
    flex: 1 1 45%;
  }
}

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

.pb885d {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.01em;
}

.ncbf3f94 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

.i5b {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.mc705 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.gf23be,
.l8fec {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  padding: clamp(0.75rem, 1.5vw, 1rem);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  width: 100%;
  box-sizing: border-box;
  transition: var(--transition-base);
}

.gf23be::placeholder,
.l8fec::placeholder {
  color: var(--color-text-muted);
}

.gf23be:focus,
.l8fec:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.l8fec {
  resize: vertical;
  min-height: 140px;
}

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

.daff {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

.i72fa0a3 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: var(--transition-base);
}

.i72fa0a3:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.cfcca2e5 {
  width: 100%;
  padding: clamp(0.9rem, 2vw, 1.1rem) clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition-base);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

.a45b {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: clamp(2rem, 4vw, 2.5rem);
}

.e3ddd49 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.01em;
}

.g1a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

.i98 {
  flex-shrink: 0;
  width: clamp(2.5rem, 4vw, 3rem);
  height: clamp(2.5rem, 4vw, 3rem);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
}

.k75fb7 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
}

.a586 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.ee954 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

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

.dc3:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

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

.ad4748 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 500;
}

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

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

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

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

.m23df {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.02em;
  text-align: center;
}

.b45 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.6;
}

.b435c9 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
  margin: clamp(1rem, 2vw, 2rem) 0;
}

.j4314 {
  background-color: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.iede5 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.c8b {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: var(--transition-base);
}

.c8b:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.pfe0e5 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.b4ce4ee {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 500;
}

.bdd256 {
  padding: clamp(0.8rem, 1.5vw, 0.95rem) clamp(1.5rem, 3vw, 2.25rem);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: var(--transition-base);
}

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

@media (min-width: 768px) {
  .d5943 {
    padding: clamp(3rem, 10vw, 6rem) 0;
  }

  .f28 {
    padding: clamp(3rem, 10vw, 6rem) 0;
  }

  .la9edc3a {
    padding: clamp(3rem, 10vw, 6rem) 0;
  }
}

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

  .c5d5e4,
  .a64ba46b {
    flex: 1 1 100%;
  }
}
.a16c7c87,.p51c9{
  width: 34px;
}

.n1fd91{
  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;
}

.d24{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .d24{
    max-width: 100%;
  }
}

.d24.na0{
  z-index: 999;
}

.a16c7c87[aria-expanded="true"]{
  display: none;
}