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

:root {
  --color-bg-primary: #0c0a09;
  --color-bg-secondary: #1c1917;
  --color-bg-tertiary: #292524;
  --color-bg-card: #1c1917;

  --color-text-primary: #fafaf9;
  --color-text-secondary: #d6d3d1;
  --color-text-muted: #a8a29e;

  --color-primary: #84cc16;
  --color-primary-hover: #65a30d;
  --color-primary-light: #c6f032;
  --color-secondary: #a3e635;
  --color-secondary-light: #bef264;

  --color-success: #22c55e;
  --color-success-light: #4ade80;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #3f3937;
  --color-border-light: #2d2b2a;

  --font-primary: 'Source Sans 3', sans-serif;
  --font-heading: 'Bricolage Grotesque', 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;

  --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.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.3);

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

  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  
  --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 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: 1.6;
  font-weight: 400;
}

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

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

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

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

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

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

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

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

button, .j75 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: 1rem;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-fast);
  text-decoration: none;
  white-space: nowrap;
}

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

.l803:hover {
  background: var(--color-primary-hover);
  box-shadow: 0 0 20px rgba(132, 204, 22, 0.3);
  transform: translateY(-2px);
}

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

.g66:hover {
  background: var(--color-secondary-light);
  transform: translateY(-2px);
}

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

.c5803:hover {
  background: rgba(132, 204, 22, 0.1);
  border-color: var(--color-primary-hover);
  color: var(--color-primary-hover);
}

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

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

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

.f5aebad {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: 1.125rem;
}

.m1177:disabled, button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

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

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

.o17c38f1:hover {
  border-color: var(--color-border);
  box-shadow: var(--shadow-lg);
}

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

.odeb5 {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.g845 {
  background: rgba(132, 204, 22, 0.15);
  color: var(--color-primary-light);
}

.le0bc54 {
  background: rgba(163, 230, 53, 0.15);
  color: var(--color-secondary-light);
}

.a2d91 {
  background: rgba(34, 197, 94, 0.15);
  color: var(--color-success-light);
}

.n46 {
  background: rgba(245, 158, 11, 0.15);
  color: var(--color-warning-light);
}

.h3ec0 {
  background: rgba(239, 68, 68, 0.15);
  color: var(--color-danger-light);
}

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

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

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

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

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

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

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

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

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

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

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

.eb115c {
  padding: var(--spacing-3xl) 0;
}

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

.c227d {
  padding: 5rem 0;
}

.i361b5 {
  display: grid;
  gap: var(--spacing-xl);
}

.m9c1537 {
  grid-template-columns: 1fr;
}

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

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

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

.p10a83f7 {
  display: flex;
}

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

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

.j2a6 {
  flex-direction: column;
}

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

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

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

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

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

.i1d4 { margin-top: var(--spacing-xs); }
.cacd15b8 { margin-top: var(--spacing-sm); }
.a45d { margin-top: var(--spacing-md); }
.i0792 { margin-top: var(--spacing-lg); }
.df49d { margin-top: var(--spacing-xl); }
.o23f1e79 { margin-top: var(--spacing-2xl); }

.p8e19d { margin-bottom: var(--spacing-xs); }
.b83 { margin-bottom: var(--spacing-sm); }
.ab4 { margin-bottom: var(--spacing-md); }
.ae6ae0b { margin-bottom: var(--spacing-lg); }
.l85 { margin-bottom: var(--spacing-xl); }
.fcb0ef4 { margin-bottom: var(--spacing-2xl); }

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

.jf3f81 { padding: 0 var(--spacing-xs); }
.m6611b { padding: 0 var(--spacing-sm); }
.ifa { padding: 0 var(--spacing-md); }
.nff450 { padding: 0 var(--spacing-lg); }

.i47f { padding: var(--spacing-xs) 0; }
.ge85 { padding: var(--spacing-sm) 0; }
.ed4c { padding: var(--spacing-md) 0; }
.b344 { padding: var(--spacing-lg) 0; }
.ea44e6 { padding: var(--spacing-xl) 0; }
.lcf73e56 { padding: var(--spacing-2xl) 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.c8e8a6 {
  opacity: 0.5;
}

.d240b1f2 {
  opacity: 0.75;
}

.kb994 {
  cursor: pointer;
}

.o9d3e {
  transition: all var(--transition-base);
}

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

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(132, 204, 22, 0.1);
}

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .ef75, .d600c25, .oab61f64 {
    grid-template-columns: 1fr;
  }

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

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

  .c227d {
    padding: var(--spacing-3xl) 0;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  button, .j75 {
    width: 100%;
  }

  .o17c38f1 {
    padding: var(--spacing-lg);
  }
}
.k4a3a {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  width: 100%;
}

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

.deb {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  flex-shrink: 0;
}

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

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

.deb:hover .f396f {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

.l639683 {
  display: none;
  flex-direction: row;
  gap: clamp(0.5rem, 2vw, 2rem);
  align-items: center;
  flex-grow: 1;
  justify-content: center;
  margin: 0 auto;
}

.a4d {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  white-space: nowrap;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
}

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

.k9e667 {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

.k04 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: 44px;
}

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

.h5a {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-secondary);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 99;
  overflow-y: auto;
  padding-top: 70px;
}

.h5a.cd78 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

.i40350e {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
}

.p7e9 {
  display: block;
  padding: 1rem clamp(1rem, 4vw, 2rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.0625rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.p7e9:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding-left: clamp(1.5rem, 5vw, 2.5rem);
}

.nd991 {
  display: block;
  margin: 1.5rem clamp(1rem, 4vw, 2rem);
  padding: 0.875rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  text-decoration: none;
  text-align: center;
  transition: all var(--transition-base);
}

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

@media (min-width: 768px) {
  .c37 {
    min-height: 80px;
  }

  .l639683 {
    display: flex;
  }

  .k9e667 {
    display: inline-block;
  }

  .k04 {
    display: none;
  }

  .h5a {
    display: none;
  }
}

@media (min-width: 1024px) {
  .c37 {
    min-height: 85px;
  }

  .f396f {
    font-size: 1.375rem;
  }

  .a4d {
    font-size: 0.9375rem;
  }
}

    .b19 {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

.b85 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n01961 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ledd72 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 1rem;
}

.m1177 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  border: 2px solid transparent;
}

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

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

.jd6b68 {
  background: transparent;
  color: var(--color-accent);
  border-color: var(--color-accent);
}

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

.pede8 {
  width: 100%;
  max-width: 1000px;
}

.p5a44a5f {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto auto;
  gap: clamp(1rem, 2vw, 1.5rem);
  width: 100%;
}

.k7470 {
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-bg-secondary);
  min-height: 250px;
}

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

.g40 {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  min-height: 400px;
}

.g4470a {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  min-height: 190px;
}

.aef9abdc {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  min-height: 190px;
}

@media (max-width: 768px) {
  .p5a44a5f {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }

  .g40,
  .g4470a,
  .aef9abdc {
    grid-column: 1 / 2;
    min-height: 250px;
  }

  .g4470a {
    grid-row: 2 / 3;
  }

  .aef9abdc {
    grid-row: 3 / 4;
  }
}

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

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

.n3f {
  text-align: center;
}

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

.aa5b65e {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.baf232a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.o7e90a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.kec {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-xl);
  text-align: center;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.kec i {
  font-size: 2.5rem;
}

.me32a0 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  margin: 0;
  color: var(--color-text-on-accent);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.me1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(1rem, 3vw, 2rem);
  padding: 0 1rem;
  position: relative;
  z-index: 5;
}

.d2e4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  text-decoration: none;
  color: var(--color-text-primary);
  transition: all 0.3s ease;
  min-width: 120px;
  text-align: center;
  border: 2px solid transparent;
}

.d2e4:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
  transform: translateY(-4px);
}

.d2e4 i {
  font-size: 1.75rem;
  color: var(--color-accent);
}

.j1d6b2 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .baf232a {
    min-height: auto;
  }

  .o7e90a {
    position: static;
    transform: none;
    margin-bottom: 1rem;
  }

  .me1 {
    width: 100%;
  }

  .d2e4 {
    flex: 1 1 calc(50% - 0.5rem);
    min-width: 100px;
  }
}

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

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

.k0b {
  text-align: center;
}

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

.o3500 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.jde1c9 {
  flex: 1 1 250px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--color-border);
}

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

.n9e {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.bac5d8 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p6d {
  flex: 0 0 auto;
  width: 40px;
  height: 2px;
  background: var(--color-accent);
  align-self: center;
  display: none;
}

@media (min-width: 1024px) {
  .i277c8 {
  }

  .p6d {
    display: block;
  }

  .jde1c9 {
    flex: 1 1 0;
  }
}

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

  .jde1c9 {
    max-width: 100%;
  }
}

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

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

.cb5ab {
  text-align: center;
}

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

.k65b7ccb {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.je6,
.gc5 {
  flex: 1;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.je6 {
  background: rgba(220, 38, 38, 0.1);
  border: 1px solid var(--color-danger);
}

.gc5 {
  background: rgba(34, 197, 94, 0.1);
  border: 1px solid var(--color-success);
}

.da237 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o5c1e55c {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.o5c1e55c i {
  flex-shrink: 0;
  margin-top: 0.25rem;
  font-size: 1rem;
}

.je6 .o5c1e55c i {
  color: var(--color-danger);
}

.gc5 .o5c1e55c i {
  color: var(--color-success);
}

.medb0 {
  display: none;
}

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

  .medb0 {
    display: block;
    height: 2px;
    background: var(--color-border);
    margin: 0.5rem 0;
  }
}

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

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

.h0adf {
  text-align: center;
}

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

.ia7 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.k19 {
  flex: 1 1 200px;
  max-width: 250px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 50%;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0.75rem;
  border: 2px solid var(--color-accent);
}

.k19 i {
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  color: var(--color-accent);
}

.k562c {
  font-family: var(--font-heading);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d9b02 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .k19 {
    flex: 1 1 150px;
    max-width: 200px;
    aspect-ratio: auto;
    border-radius: var(--radius-lg);
  }
}

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

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

.kda5 {
  flex: 1 1 40%;
  min-width: 250px;
}

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

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

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

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

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

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

.c44 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
}

.e58af7f {
  font-family: var(--font-heading);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a70456c {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .kda5 {
    flex: 1 1 100%;
  }

  .cb8f5 {
    flex: 1 1 100%;
  }

  .de6 {
    grid-template-columns: 1fr;
  }
}

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

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

.i23f4 {
  text-align: center;
}

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

.f8232 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h227c {
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
}

.h227c:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
  border-color: var(--color-accent);
}

.j29f00 {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

.j29f00 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

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

.c8c3b {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.bf6d {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  flex-grow: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k70c {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  font-weight: 600;
  transition: all 0.3s ease;
  margin-top: auto;
}

.k70c:hover {
  gap: 0.75rem;
  color: var(--color-accent-hover);
}

.pb864df9 {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.cbb {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--color-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 700;
  transition: all 0.3s ease;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
}

.cbb:hover {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  gap: 1rem;
}

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

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

.md32 {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-xl);
  text-align: center;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid var(--color-border);
}

.md32 i {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
}

.cd6bb7c {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f6209249 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.le95c55f {
  align-self: center;
}

.fe221 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid var(--color-border);
}

.fe221.c53 {
  display: none;
}

.b67bd607 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
  line-height: 1.5;
}

.i428720 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}

.ka4815a,
.bb4c8 {
  padding: 0.5rem clamp(1rem, 1.5vw, 1.25rem);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  transition: all 0.3s ease;
}

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

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

.bb4c8 {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
}

.bb4c8:hover {
  color: var(--color-text-primary);
  border-color: var(--color-text-primary);
}

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

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

  .i428720 {
    width: 100%;
    gap: 0.5rem;
  }

  .ka4815a,
  .bb4c8 {
    flex: 1 1 calc(50% - 0.25rem);
    min-width: 100px;
  }
}

@media (max-width: 480px) {
  .ka4815a,
  .bb4c8 {
    flex: 1 1 100%;
  }
}

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

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

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

.f6fbf6b {
  max-width: 500px;
}

.f6fbf6b h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-weight: 700;
  letter-spacing: -0.5px;
}

.f6fbf6b p {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pbf12 h3,
.dad h3,
.g3c2d h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-weight: 700;
  letter-spacing: -0.5px;
}

.c587f71,
.a637d4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.c587f71 li,
.a637d4 li {
  margin: 0;
  padding: 0;
}

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

.pbf12 a:hover,
.g3c2d a:hover {
  color: var(--color-accent);
  transform: translateX(4px);
}

.dad p {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin: 0.5rem 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.k73207 p {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  margin: 0.5rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h0eee7 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  margin-top: 0.75rem;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .bf1b2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2rem, 4vw, 3.5rem);
    align-items: flex-start;
  }

  .f6fbf6b {
    flex: 1 1 280px;
    min-width: 250px;
  }

  .pbf12 {
    flex: 0 1 auto;
    min-width: 140px;
  }

  .dad {
    flex: 1 1 280px;
    min-width: 250px;
  }

  .g3c2d {
    flex: 0 1 auto;
    min-width: 140px;
  }

  .k73207 {
    flex: 1 1 100%;
    padding-top: clamp(1.5rem, 2vw, 2rem);
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }
}

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

  .f6fbf6b {
    flex: 0 1 320px;
  }

  .pbf12 {
    flex: 0 1 140px;
  }

  .dad {
    flex: 0 1 300px;
  }

  .g3c2d {
    flex: 0 1 140px;
  }
}
    

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

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

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

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

.j417 {
  text-align: center;
}

.n3774e {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l86b7 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  margin: clamp(1rem, 2vw, 1.5rem) 0 0 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.hc68 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 999px;
  font-size: clamp(0.75rem, 0.9vw, 0.9375rem);
  border: 1px solid var(--color-border);
  white-space: nowrap;
  transition: all 0.3s ease;
}

.hc68:hover {
  background: var(--color-bg-card);
  border-color: var(--color-accent);
  color: var(--color-accent);
}

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

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

.id5c1c {
  text-align: center;
}

.c9f7ae59 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.kac86 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  margin: clamp(0.75rem, 1.5vw, 1.25rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h01d074 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  align-items: stretch;
}

.h01d074:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(132, 204, 22, 0.1);
  transform: translateY(-2px);
}

.nec {
  flex: 0 0 35%;
  min-width: 250px;
  height: 280px;
  overflow: hidden;
}

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

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

.nb62 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ea1e {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  display: flex;
  align-items: center;
  gap: 0.4rem;
  white-space: nowrap;
}

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

.kd6 {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  display: inline-block;
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
  transition: all 0.3s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.c53ed {
  text-align: center;
}

.a8af1a8 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i3d {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  margin: clamp(0.75rem, 1.5vw, 1.25rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.m8c2fe2 {
  flex-shrink: 0;
  width: clamp(2rem, 4vw, 2.5rem);
  height: clamp(2rem, 4vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
}

.o61a {
  flex: 1 1 auto;
}

.h40a3 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.m15662 {
  text-align: center;
}

.g5d {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a38e {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  margin: clamp(0.75rem, 1.5vw, 1.25rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ca8 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

.ca8:hover {
  border-color: var(--color-accent);
  background: var(--color-bg-tertiary);
  transform: translateY(-4px);
}

.be407 {
  width: clamp(3rem, 5vw, 3.5rem);
  height: clamp(3rem, 5vw, 3.5rem);
  margin: 0 auto;
  background: linear-gradient(135deg, var(--color-accent), var(--color-secondary));
  color: var(--color-text-on-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
}

.d58fa {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .nec {
    flex: 0 0 auto;
    width: 100%;
    height: 200px;
    min-width: auto;
  }

  .l23 {
    flex: 1 1 auto;
  }

  .fafa5 {
    flex-direction: column;
    align-items: center;
  }

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

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

  .ca8 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  }
}

@media (min-width: 1024px) {
  .fafa5 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .ca8 {
    flex: 1 1 calc(25% - clamp(1rem, 2.25vw, 1.875rem));
  }
}

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

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

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

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

.i2df05 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
}

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

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

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

.he5 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: var(--shadow-md);
}

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

.k7c32b64 {
  flex: 1 1 50%;
  min-width: 0;
}

.pc1e009 {
  font-family: var(--font-heading);
  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;
}

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

.h6c7 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
}

.g7da8b {
  display: inline-block;
}

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

.g4d8bfd {
  flex: 1 1 50%;
  min-height: 300px;
  max-height: 450px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

  .k7c32b64,
  .g4d8bfd {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }
}

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

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

.k87a0 {
  flex: 0 0 auto;
  width: 200px;
  position: sticky;
  top: 2rem;
}

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

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

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

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

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

.la17d4 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  margin: 0;
  font-weight: 600;
}

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

.b27ebfcf {
  flex: 1 1 auto;
  min-width: 0;
}

.cde93 {
  margin-bottom: clamp(3rem, 6vw, 4rem);
}

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

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

.f03a6 {
  margin-bottom: clamp(3rem, 6vw, 4rem);
}

.p11753 {
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.b1c6ab {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  line-height: 1.2;
}

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

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

.n38efe0 {
  flex: 0 0 auto;
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ke38 {
  flex: 1 1 auto;
  min-width: 0;
}

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

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

.cd92f {
  margin-bottom: clamp(3rem, 6vw, 4rem);
}

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

.oc997f80 {
  flex: 1 1 50%;
  max-width: 50%;
  min-width: 0;
}

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

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

.jb2cdb19 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  max-height: 450px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

  .k87a0 {
    position: static;
    width: 100%;
    order: -1;
  }

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

  .oc997f80,
  .jb2cdb19 {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }
}

.n731 {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  margin-bottom: clamp(3rem, 6vw, 4rem);
}

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

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

.jdef6d {
  margin-bottom: clamp(3rem, 6vw, 4rem);
}

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

.fea {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.2;
}

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

.ie736 {
  background: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.f6fed {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-on-accent);
  margin: 0 0 1rem 0;
  font-weight: 500;
}

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

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

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

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

.n4ff {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  text-align: center;
  line-height: 1.2;
}

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

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

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

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

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

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

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

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

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

@media (max-width: 1023px) {
  .kf670564 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
    min-width: 250px;
  }
}

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

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

@media (max-width: 480px) {
  .o9b5a839 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .m54eb {
    flex-direction: column;
    border-left: none;
    border-top: 4px solid var(--color-accent);
  }

  .n38efe0 {
    order: -1;
  }

  .i2df05 {
    gap: 0.25rem;
  }
}

* {
  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: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
}

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

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

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

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

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

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

.p13 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  flex-wrap: wrap;
}

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

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

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

.cd1e {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

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

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

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

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

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

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

.dec14f i {
  color: var(--color-accent);
  font-size: 1.1em;
}

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

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

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

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

.c84e6cdb {
  flex: 0 0 280px;
  position: sticky;
  top: 2rem;
}

.j457a7d4 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: var(--shadow-md);
}

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

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

.i109ad {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

.l52249 {
  flex: 1 1 auto;
  min-width: 0;
}

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

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

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

.p20cf {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw + 0.5rem, 2.25rem);
  line-height: 1.3;
  margin: 0;
}

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

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

.lc296 {
  flex: 0 0 auto;
  color: var(--color-accent);
  font-size: clamp(1.5rem, 2vw + 0.5rem, 2rem);
  margin-top: 0.25rem;
}

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

.edd {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.35rem);
  margin: 0;
  line-height: 1.3;
}

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

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

.o9b {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
}

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

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

.pe2f {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw + 0.5rem, 2.25rem);
  line-height: 1.3;
  margin: 0;
}

.i32 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw + 0.5rem, 2.25rem);
  line-height: 1.3;
  margin: 0;
}

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

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

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

.me19 {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.1rem;
  margin-top: 0.25rem;
}

.m0a {
  flex: 1 1 auto;
}

.h86f2 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.15rem);
  margin: 0 0 0.5rem 0;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

.b4dec {
  flex: 0 0 auto;
  color: var(--color-accent);
  font-size: clamp(1.5rem, 2vw + 0.5rem, 2rem);
  margin-top: 0.25rem;
}

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

.g973a0e {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.35rem);
  margin: 0;
  line-height: 1.3;
}

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

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

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

.ld4987c {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw + 0.5rem, 2.25rem);
  line-height: 1.3;
  margin: 0;
}

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

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

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

.cb2622 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.cb2622 i {
  flex: 0 0 auto;
  color: var(--color-accent);
  font-size: 1.3em;
  margin-top: 0.25rem;
}

.eb1bc {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 1.3vw + 0.5rem, 1.25rem);
  margin: 0;
  line-height: 1.3;
  flex: 1 1 auto;
}

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

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

.l37a5 {
  background: var(--color-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.bc8d {
  color: var(--color-text-on-accent);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  line-height: 1.3;
  margin: 0;
}

.pb8db {
  color: var(--color-text-on-accent);
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin: 0;
}

.e6c {
  display: inline-block;
  background: var(--color-text-on-accent);
  color: var(--color-accent);
  padding: clamp(0.75rem, 1vw + 0.5rem, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  transition: all var(--transition-base);
  text-decoration: none;
  cursor: pointer;
  border: 2px solid var(--color-text-on-accent);
  text-align: center;
}

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

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

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

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

.df6 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  text-decoration: none;
}

.df6:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
  transform: translateY(-2px);
}

.f07 {
  flex: 0 0 200px;
  min-height: 150px;
}

.f07 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

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

.p0c {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.35rem);
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

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

  .h6567 {
    flex-direction: column;
    align-items: stretch;
  }

  .c84e6cdb {
    flex: 1 1 100%;
    position: static;
  }

  .l52249 {
    flex: 1 1 100%;
  }

  .p5d9 {
    flex-direction: column;
    align-items: stretch;
  }

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

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

  .df6 {
    flex-direction: column;
    align-items: stretch;
  }

  .f07 {
    flex: 1 1 100%;
    min-height: 250px;
  }
}

@media (max-width: 480px) {
  .cd1e {
    padding: clamp(1.5rem, 3vw, 2rem);
  }

  .dec14f {
    flex: 1 1 calc(50% - 0.25rem);
  }

  .p13 {
    gap: 0.25rem;
  }

  .df6 {
    padding: clamp(1rem, 2vw, 1.5rem);
  }
}

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

html, body {
  font-family: var(--font-primary);
  background: 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: 600;
  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: color 0.3s ease;
}

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

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

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

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

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

.h14b8d {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
}

.h14b8d a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

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

.m831 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.eadc3 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  padding: clamp(2rem, 4vw, 3rem);
  min-height: 350px;
}

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

.m5225a {
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  color: var(--color-text-primary);
  line-height: 1.2;
}

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

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

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

.b6483 i {
  color: var(--color-accent);
  font-size: 1em;
}

.afd1 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-md);
  min-height: 280px;
}

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

.g0807cb {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  padding-top: clamp(3rem, 6vw, 4rem);
  padding-bottom: clamp(3rem, 6vw, 4rem);
}

.m238b {
  flex: 0 0 280px;
  position: sticky;
  top: 2rem;
  height: fit-content;
}

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

.ad032 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto;
  border: 2px solid var(--color-accent);
}

.hd1d4b1c {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  margin: 0.5rem 0 0 0;
}

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

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

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

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

.h9b23 {
  flex: 1 1 auto;
  min-width: 0;
}

.gb85f {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 3.5rem) 0;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.gb85f:nth-child(even) {
  background: var(--color-bg-primary);
}

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

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

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

.c65b4c {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

.ob318 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-accent);
  margin: 0 0 0.5rem 0;
}

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

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

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

.h2ba2d {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 1.5rem 0;
}

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

.ge6 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  padding: clamp(0.75rem, 1.5vw, 1rem) 0;
  padding-left: clamp(1.5rem, 3vw, 2rem);
  position: relative;
  line-height: 1.6;
}

.ge6:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: var(--color-accent);
  border-radius: 50%;
}

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

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

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

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

.b89 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 6vw, 4rem) 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

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

.lea8b2 {
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-card) 100%);
  border: 1px solid var(--color-bg-tertiary);
  border-top: 2px solid var(--color-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  margin-top: 1.5rem;
}

.peb16d53 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

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

.d44 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  text-align: center;
  margin: 0;
}

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

.e0b26ee6 {
  flex: 0 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 250px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all 0.3s ease;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}

.e0b26ee6:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 10px 25px rgba(132, 204, 22, 0.15);
}

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

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

.e0b26ee6:hover .j85ed img {
  transform: scale(1.05);
}

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

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

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

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

  .m238b {
    flex: 1 1 auto;
    position: static;
  }

  .pbf2f70 {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 1rem;
    text-align: left;
    align-items: start;
  }

  .ad032 {
    grid-column: 1;
    grid-row: 1 / 4;
    margin: 0;
  }

  .hd1d4b1c {
    grid-column: 2;
    margin: 0;
  }

  .jb1e55 {
    grid-column: 2;
  }

  .c32282 {
    grid-column: 2;
    margin: 0;
  }

  .ec78,
  .i733e {
    flex-direction: column;
  }

  .d246,
  .c65b4c {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .eadc3 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
    min-height: auto;
  }

  .h6755,
  .afd1 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .afd1 {
    min-height: 250px;
  }

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

@media (max-width: 768px) {
  .g67bde {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .h14b8d {
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
    font-size: 0.8125rem;
  }

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

  .eadc3 {
    padding: clamp(1.5rem, 3vw, 2rem);
    min-height: auto;
  }

  .pbf2f70 {
    grid-template-columns: 80px 1fr;
    gap: 0.75rem;
  }

  .ad032 {
    width: 80px;
    height: 80px;
  }

  .c3847 {
    gap: 0.75rem;
  }

  .b6483 {
    font-size: 0.8125rem;
  }

  .gb85f {
    padding: clamp(2rem, 4vw, 2.5rem) 0;
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
  }

  .gc8a {
    margin-top: 0.75rem;
  }

  .e0b26ee6 {
    flex: 0 1 100%;
  }

  .j85ed {
    height: 150px;
  }

  .lea8b2 {
    padding: clamp(1.5rem, 3vw, 2rem);
  }
}

@media (max-width: 480px) {
  .h14b8d {
    gap: 0.25rem;
  }

  .eadc3 {
    padding: clamp(1rem, 2vw, 1.5rem);
  }

  .m5225a {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }

  .eb7c {
    gap: 1rem;
  }

  .pbf2f70 {
    grid-template-columns: 70px 1fr;
  }

  .ad032 {
    width: 70px;
    height: 70px;
  }

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

.lad {
  background: var(--color-bg-primary);
  font-family: 'Source Sans 3', sans-serif;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lc3 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

  .pcaa7a01,
  .p8e6bc7c {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .j2ddf3b {
    gap: 0.75rem;
  }
}

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

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

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

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

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

.i5e4ad2 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  text-align: center;
}

.a6db8d {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  font-family: 'Bricolage Grotesque', sans-serif;
}

.c78f {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  font-weight: 600;
  margin: 0.5rem 0;
  font-family: 'Bricolage Grotesque', sans-serif;
}

.c7d39b6 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.5;
  margin: 0;
}

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

  .i65bf1 {
    flex-direction: column;
  }
}

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

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

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

.e02a8c3f {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
  font-family: 'Bricolage Grotesque', sans-serif;
}

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

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

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

.a7afc981 {
  color: var(--color-accent);
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 700;
  flex-shrink: 0;
  font-family: 'Bricolage Grotesque', sans-serif;
  min-width: 80px;
  text-align: center;
}

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

.aba {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 600;
  margin: 0;
  font-family: 'Bricolage Grotesque', sans-serif;
}

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

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

  .a7afc981 {
    font-size: 2rem;
  }
}

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

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

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

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

.o8e364 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  font-weight: 600;
  margin: 0;
  font-family: 'Bricolage Grotesque', sans-serif;
}

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

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

.b8ec076d {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin: 0;
  font-weight: 500;
}

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

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

  .g83777 {
    width: 70px;
    height: 70px;
  }
}

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

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

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

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

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

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

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

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

.j981 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

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

  .kdb57d19,
  .i73a86ec {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.f797 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

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

  .j3787 {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }

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

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

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

.af7d {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'Bricolage Grotesque', sans-serif;
}

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

.dea758c {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 8px;
  border-top: 4px solid var(--color-accent);
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 250px;
}

.h6b {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  font-weight: 600;
  margin: 0 0 0.75rem 0;
  font-family: 'Bricolage Grotesque', sans-serif;
}

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

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

  .k96fb {
    flex-direction: column;
  }
}

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

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

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

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

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

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

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

.d9a {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  line-height: 1.8;
  margin: 0 0 1rem 0;
  font-style: italic;
}

.jfdfe705 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin: 0;
  font-weight: 500;
}

.o89 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

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

  .p809,
  .m12 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.h0ff {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
  max-width: 900px;
}

.b6f0e {
  color: var(--color-text-primary);
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  font-weight: 600;
  margin: 0 0 1rem 0;
  font-family: 'Bricolage Grotesque', sans-serif;
}

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

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

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

.f225cfc {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0;
  font-family: 'Bricolage Grotesque', sans-serif;
}

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

.k98 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 2px solid var(--color-accent);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.e06001b {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 600;
  margin: 0 0 0.75rem 0;
  font-family: 'Bricolage Grotesque', sans-serif;
}

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

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

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

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

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

.ad1b {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  text-align: center;
  margin: 0;
  font-family: 'Bricolage Grotesque', sans-serif;
}

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

.bfc {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-secondary);
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
  transition: all 0.3s ease;
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 350px;
}

.bfc:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(132, 204, 22, 0.1);
}

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

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

.bfc:hover .g3422e img {
  transform: scale(1.05);
}

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

.g9a7bc {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
  font-family: 'Bricolage Grotesque', sans-serif;
}

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

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

  .j2a31 {
    flex-direction: column;
  }
}

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

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg-primary);
  font-family: var(--font-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, span, li {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.g3010 {
  text-align: left;
  max-width: 600px;
}

.p64e {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.c5ab316 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.f3050b08 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
}

.i854 {
  width: 100%;
  max-width: 600px;
  height: auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.i854 img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

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

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

.oc92683b {
  text-align: center;
  max-width: 800px;
  margin: 0 auto clamp(1.5rem, 3vw, 2.5rem);
}

.h2c {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.m9b {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  line-height: 1.2;
}

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

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

.h38 {
  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);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  transition: var(--transition-base);
}

.h38:hover {
  transform: translateY(-4px);
  border-color: var(--color-primary);
  background: var(--color-bg-secondary);
}

.i8bb7fe5 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(132, 204, 22, 0.1);
  border-radius: var(--radius-md);
  font-size: 1.5rem;
  color: var(--color-primary);
}

.k9bd1ab2 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.3;
}

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

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

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

.a155ae28 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto clamp(1.5rem, 3vw, 2.5rem);
}

.h0a2d3 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.kc99a65b {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  line-height: 1.2;
}

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

.d5d {
  width: 100%;
  max-width: 700px;
  height: auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin: clamp(1.5rem, 3vw, 2.5rem) auto 0;
}

.d5d img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.n36 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  margin-top: clamp(2rem, 4vw, 3rem);
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

.nda5ae68 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.3;
}

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

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

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

.e4b4d {
  text-align: center;
  max-width: 800px;
  margin: 0 auto clamp(1.5rem, 3vw, 2.5rem);
}

.db6c02b {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.g98d1b8 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  line-height: 1.2;
}

.hbdaadd {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

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

.o12b {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 240px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  transition: var(--transition-base);
}

.o12b:hover {
  border-color: var(--color-primary);
  background: var(--color-bg-secondary);
}

.le0273e5 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(132, 204, 22, 0.1);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

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

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

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

.b9a2bf {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  align-items: flex-start;
}

.b8cf8e {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(132, 204, 22, 0.1);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 1.125rem;
}

.jbf57 {
  font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.3;
}

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

.k1aed p + p {
  margin-top: clamp(0.75rem, 1.5vw, 1rem);
}

@media (max-width: 768px) {
  .o2d {
    align-items: center;
  }

  .g3010 {
    text-align: center;
  }

  .h38 {
    flex: 1 1 100%;
  }

  .o12b {
    flex: 1 1 100%;
  }

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

  .aaa186db {
    min-width: auto;
  }
}

@media (min-width: 1024px) {
  .h38 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  }

  .o12b {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  }
}

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

html, body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: 1.6;
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

.f196732 {
  width: 100%;
  max-width: 500px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

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

.n0a1cb {
  text-align: center;
  max-width: 700px;
}

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

.ic98f {
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  line-height: 1.6;
}

.mf1b1d4 {
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
}

@media (min-width: 768px) {
  .l5bb1493 {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .f196732 {
    flex: 0 0 45%;
    max-width: none;
  }

  .n0a1cb {
    flex: 1;
    text-align: left;
    padding-left: clamp(1rem, 3vw, 2rem);
  }
}

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

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

.ge0 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
}

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

.abd {
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  transition: var(--transition-base);
}

.abd:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(132, 204, 22, 0.1);
}

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

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

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

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

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

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

.p344693f {
  text-align: center;
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
}

.kbfeaa {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1.5vw, 0.75rem);
}

.p4e {
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}

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

.b97 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-left: 4px solid var(--color-accent);
  border-radius: 0 8px 8px 0;
}

.mf8 {
  font-size: clamp(1.05rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1.5vw, 0.75rem);
  font-weight: 600;
}

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

.beb {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 2.75rem);
  border-radius: 8px;
  margin-top: clamp(0.5rem, 2vw, 1rem);
}

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

@media (min-width: 768px) {
  .fee3a178 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.25rem, 2.5vw, 2rem);
  }

  .b97 {
    flex: 1 1 calc(50% - 1rem);
    min-width: 220px;
  }
}

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

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

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

.k66e {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: center;
  max-width: 900px;
  margin: 0 auto;
}

.d036f2 {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 24px;
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 0.9rem);
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
  white-space: nowrap;
}

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

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

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

.e58 {
  text-align: center;
}

.b6f147 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1.5vw, 0.75rem);
}

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

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

.jcb {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: var(--transition-base);
}

.jcb:hover {
  border-color: var(--color-accent);
  box-shadow: 0 4px 16px rgba(132, 204, 22, 0.08);
}

.g4f43 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  flex-wrap: wrap;
}

.dd0 {
  font-size: clamp(0.75rem, 1.5vw + 0.5rem, 0.8125rem);
  color: var(--color-text-muted);
}

.eaf97667 {
  font-size: clamp(0.75rem, 1.5vw + 0.5rem, 0.8125rem);
  color: var(--color-accent);
  font-weight: 600;
}

.a0a {
  font-size: clamp(1.05rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

@media (min-width: 768px) {
  .j4e {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .jcb {
    flex: 1 1 calc(50% - 1rem);
    min-width: 280px;
  }
}

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

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

.ib6 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  border-left: 5px solid var(--color-accent);
  text-align: center;
}

.ccd2b0e {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1.5vw, 0.75rem);
}

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

.i6c31 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 0.95rem);
  transition: var(--transition-base);
  text-decoration: none;
}

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

.h5a80 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
}

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

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

.k55b88 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.625rem, 1.25vw, 0.875rem) clamp(1.25rem, 2.5vw, 1.75rem);
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 0.9rem);
  transition: var(--transition-base);
  text-decoration: none;
}

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

@media (min-width: 768px) {
  .h802 {
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .ib6 {
    flex: 1;
    text-align: left;
  }

  .h5a80 {
    flex: 1;
  }
}

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

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

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

.h281c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow: hidden;
}

.dc04 {
  max-width: 900px;
  margin: 0 auto;
}

.k5d2c {
  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-sm) 0;
  line-height: 1.2;
}

.d37c2d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .h281c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .h281c {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.e13e0 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow: hidden;
}

.ka65fc {
  max-width: 1200px;
  margin: 0 auto;
}

.k5a0ec {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.e814a4 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

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

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

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

.jdeb30b {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw + 0.3rem, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-sm);
}

.m898d {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.3rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: var(--spacing-sm) 0 var(--spacing-md) 0;
  line-height: 1.3;
}

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

@media (min-width: 768px) {
  .e13e0 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .k5a0ec {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .ddc11 {
    height: 240px;
  }
}

@media (min-width: 1024px) {
  .e13e0 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .k5a0ec {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }

  .ddc11 {
    height: 280px;
  }
}

.a24 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow: hidden;
}

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

.j22 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.k70955f9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg) 0;
}

.nd4d {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.3rem, 1.1rem);
  font-weight: 600;
  padding: 0.9rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
}

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

.nd4d:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .a24 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .e91e {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .a24 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.a5b75 {
  width: 100%;
  background-color: var(--color-bg-primary);
}

.ac65e3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.l2898 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 700;
  line-height: 1.2;
}

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

.lc0fee4a {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.m02 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.j2c5383b {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.j2c5383b:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.j826 {
  font-size: clamp(2.5rem, 5vw, 3rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  display: flex;
  align-items: center;
  height: var(--spacing-3xl);
}

.h75 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.3;
}

.g0f6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.65;
  flex-grow: 1;
}

.f6fd2 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  font-weight: 600;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-fast);
  border: none;
  cursor: pointer;
  text-align: center;
  width: fit-content;
}

.f6fd2:hover {
  background-color: var(--color-primary-hover);
  transform: translateX(4px);
}

.ebf8 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.bc48 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

.k9f {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  font-weight: 600;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .ac65e3 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

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

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

@media (min-width: 1024px) {
  .ac65e3 {
    padding: 5rem var(--spacing-xl);
  }

  .lc0fee4a {
    padding: 5rem var(--spacing-xl);
  }

  .m02 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

  .ebf8 {
    padding: 5rem var(--spacing-xl);
  }

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

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

@media (min-width: 1440px) {
  .ac65e3 {
    padding: 6rem 2rem;
  }

  .lc0fee4a {
    padding: 6rem 2rem;
  }

  .ebf8 {
    padding: 6rem 2rem;
  }

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

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

.nad8 main {
  width: 100%;
}

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

.d49 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) 0;
}

.nad8 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.nad8 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.nad8 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.nad8 .m1b46 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.nad8 ul,
.nad8 ol {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  color: var(--color-text-primary);
}

.nad8 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.k12 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
}

.k12 h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.k12 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .d49 {
    padding: var(--spacing-3xl) 0;
  }

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

@media (min-width: 1024px) {
  .da6c {
    padding: 0 var(--spacing-xl);
  }
}

.c0c4 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.lb6016 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.jfcd26 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.h4a9c {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

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

.f6d i {
  font-size: clamp(3rem, 12vw, 5rem);
  color: var(--color-success);
  display: inline-block;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.g37b60 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.m497aa {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
  line-height: 1.6;
}

.l0e9f989 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
}

.g7cdd {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.8;
}

.m1177 {
  display: inline-block;
  text-decoration: none;
  font-family: var(--font-primary);
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
}

.l803 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-lg);
}

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

.l803:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.l803:active {
  transform: translateY(0);
}

.f5aebad {
  padding: var(--spacing-md) var(--spacing-xl);
  margin-top: var(--spacing-lg);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .lb6016 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  
  .h4a9c {
    padding: var(--spacing-2xl);
  }
}

@media (min-width: 768px) {
  .lb6016 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  
  .da6c {
    padding: 0 var(--spacing-lg);
  }
  
  .h4a9c {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .lb6016 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  
  .h4a9c {
    padding: var(--spacing-3xl);
  }
}

@media (min-width: 1440px) {
  .lb6016 {
    padding: var(--spacing-3xl) 0;
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

.ecaecbd {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c60 {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
}

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

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

.cbdb85 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.l71 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}

.b5fff437 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
}

.e5b49c2e {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
  margin: var(--spacing-lg) 0;
  flex-wrap: wrap;
}

.ma5 {
  width: clamp(50px, 10vw, 80px);
  height: clamp(50px, 10vw, 80px);
  background-color: var(--color-primary-light);
  border: 3px solid var(--color-primary);
  border-radius: var(--radius-md);
  animation: processFloat 3s ease-in-out infinite;
  transition: all var(--transition-base);
}

.ma5:nth-child(1) {
  animation-delay: 0s;
}

.ma5:nth-child(2) {
  animation-delay: 0.2s;
}

.ma5.of2880 {
  background-color: var(--color-danger-light);
  border-color: var(--color-danger);
  transform: rotate(45deg) scale(0.85);
  opacity: 0.6;
  animation: processShake 0.5s ease-in-out infinite;
}

@keyframes processFloat {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

@keyframes processShake {
  0%, 100% {
    transform: rotate(45deg) scale(0.85) translateX(0);
  }
  25% {
    transform: rotate(45deg) scale(0.85) translateX(-5px);
  }
  75% {
    transform: rotate(45deg) scale(0.85) translateX(5px);
  }
}

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

.a1689 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
}

.g03 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto;
}

.b82757 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin: var(--spacing-lg) 0;
  align-items: center;
}

.j1b7 {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

.j1b7:hover {
  background-color: var(--color-bg-tertiary);
  transform: translateX(5px);
}

.ba6c {
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ge312051 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 500;
}

.m1177 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: 2px solid transparent;
  cursor: pointer;
  transition: all var(--transition-base);
  gap: var(--spacing-sm);
  margin-top: var(--spacing-lg);
}

.l803 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.l803:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.l803:active {
  transform: translateY(0);
}

@media (min-width: 640px) {
  .c60 {
    padding: var(--spacing-2xl);
  }

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

  .ma5 {
    width: clamp(60px, 12vw, 100px);
    height: clamp(60px, 12vw, 100px);
  }

  .j1b7 {
    max-width: 500px;
  }
}

@media (min-width: 768px) {
  .c60 {
    padding: var(--spacing-3xl);
  }

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

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

  .b5fff437 {
    letter-spacing: -0.03em;
  }

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

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

@media (min-width: 1024px) {
  .c60 {
    padding: var(--spacing-3xl);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

  .j1b7 {
    max-width: 600px;
  }

  .m1177 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: clamp(1rem, 1.1vw, 1.2rem);
  }
}

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

.nbe {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

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

.nbe h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.cfaa01d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
}

.k1ba3 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.iac4 {
  width: 100%;
}

.ia842 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

.l7f3 {
  flex: 1 1 100%;
  min-width: 0;
}

.n0b5dbc {
  flex: 1 1 100%;
  min-width: 0;
}

.l7f3 h2,
.n0b5dbc h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.01em;
}

.e61 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.g30e017 {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.ja1d65,
.g6af1b {
  font-family: var(--font-primary);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: 1rem;
  line-height: 1.5;
  transition: var(--transition-base);
}

.ja1d65::placeholder,
.g6af1b::placeholder {
  color: var(--color-text-muted);
}

.ja1d65:focus,
.g6af1b:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.g6af1b {
  min-height: 150px;
  resize: vertical;
  font-size: 1rem;
}

.f9c {
  padding: var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
}

.a38 {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.c64745f {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-fast);
}

.c64745f:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.b3e6e2c8 {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: var(--transition-base);
  text-transform: uppercase;
}

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

.b3e6e2c8:active {
  transform: translateY(0);
}

.l6e {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.h5b {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

.e09d281 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  flex-shrink: 0;
  font-size: 1.25rem;
}

.dce61 h3 {
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
}

.dce61 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.j33a4 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-fast);
}

.j33a4:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.k34f {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-bottom: 2rem;
  border-top: 3px solid var(--color-secondary);
}

.k34f h3 {
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

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

.a6581 li {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: 1.75rem;
  position: relative;
}

.a6581 li::before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: bold;
  font-size: 1.1rem;
}

.h616d8 {
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

.g4b7 {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  display: block;
}

.bc0 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-primary);
  text-decoration: none;
  margin-right: var(--spacing-lg);
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
  transition: var(--transition-fast);
  position: relative;
}

.bc0::after {
  content: '';
  margin-left: 0.5rem;
  opacity: 0;
  transition: var(--transition-fast);
}

.bc0:hover {
  color: var(--color-primary-hover);
}

.bc0:hover::after {
  opacity: 1;
}

@media (min-width: 768px) {
  .nbe {
    padding: 5rem 2rem;
  }

  .k1ba3 {
    padding: 5rem 2rem;
  }

  .ia842 {
    gap: 4rem;
    align-items: stretch;
  }

  .l7f3 {
    flex: 1 1 45%;
  }

  .n0b5dbc {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .nbe {
    padding: 6rem 2rem;
  }

  .k1ba3 {
    padding: 6rem 2rem;
  }

  .ia842 {
    gap: 5rem;
  }

  .l7f3 {
    flex: 0 1 50%;
  }

  .n0b5dbc {
    flex: 0 1 45%;
  }
}

@media (max-width: 767px) {
  .l7f3 h2,
  .n0b5dbc h2 {
    font-size: 1.5rem;
  }

  .b3e6e2c8 {
    font-size: 0.95rem;
    padding: 0.875rem 1.5rem;
  }

  .h5b {
    gap: 1rem;
  }

  .e09d281 {
    width: 44px;
    height: 44px;
    font-size: 1.1rem;
  }

  .bc0 {
    display: block;
    margin-right: 0;
    margin-bottom: var(--spacing-sm);
  }
}
.k04,.ha27{
  width: 34px;
}

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

.h5a{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .h5a{
    max-width: 100%;
  }
}

.h5a.cd78{
  z-index: 999;
}

.i40350e{
  padding-top: 50px;
}

.k04[aria-expanded="true"]{
  display: none;
}