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

:root {
  --color-bg-primary: #fffbeb;
  --color-bg-secondary: #fef9c3;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #1c1917;
  --color-text-secondary: #726b66;
  --color-text-muted: #6d6966;

  --color-primary: #d97706;
  --color-primary-hover: #b45309;
  --color-primary-light: #fef3c7;
  --color-secondary: #f59e0b;
  --color-secondary-light: #fef3c7;

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

  --color-border: #e7e5e4;
  --color-border-light: #f5f5f4;

  --font-primary: 'Lato', sans-serif;
  --font-heading: 'Vollkorn', serif;

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

h1 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: 2.25rem;
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: 1.875rem;
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: 1.5rem;
  margin-bottom: var(--spacing-md);
}

h5 {
  font-size: 1.25rem;
  margin-bottom: var(--spacing-sm);
}

h6 {
  font-size: 1rem;
  margin-bottom: var(--spacing-sm);
}

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

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

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

button {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  border-radius: var(--radius-lg);
}

.fa132 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-weight: 600;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  text-decoration: none;
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
}

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

.c6d83:hover {
  background: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

.h3450282:hover {
  background: #d97706;
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

.l53712b0 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.o9a {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.aa8c {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.p0bb4 {
  display: flex;
}

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

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

.l4d645 {
  flex-direction: column;
}

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

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

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

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

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

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

.f9d6620 {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-md);
}

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

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

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

.d58 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--color-primary-light);
  color: var(--color-primary-hover);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

.p7ddb4 {
  background: #fef3c7;
  color: var(--color-secondary);
}

.k8e {
  background: #d1fae5;
  color: #047857;
}

.a05 {
  text-align: center;
}

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

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

.h6f { margin-top: var(--spacing-xs); }
.m059 { margin-top: var(--spacing-sm); }
.i20301f { margin-top: var(--spacing-md); }
.a8b868 { margin-top: var(--spacing-lg); }
.c30aa08c { margin-top: var(--spacing-xl); }

.pa80 { margin-bottom: var(--spacing-xs); }
.b6ec { margin-bottom: var(--spacing-sm); }
.ba5a { margin-bottom: var(--spacing-md); }
.b2bf3a { margin-bottom: var(--spacing-lg); }
.k74 { margin-bottom: var(--spacing-xl); }

.mfc0ed { padding: var(--spacing-xs) 0; }
.b28c { padding: var(--spacing-sm) 0; }
.ca66 { padding: var(--spacing-md) 0; }
.ka13e8f { padding: var(--spacing-lg) 0; }

.f349a { padding: 0 var(--spacing-sm); }
.g6dbe { padding: 0 var(--spacing-md); }
.k8a9 { padding: 0 var(--spacing-lg); }

input, textarea, select {
  font-family: var(--font-primary);
  padding: var(--spacing-sm);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
}

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

  .l53712b0, .o9a, .aa8c {
    grid-template-columns: 1fr;
  }
}

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

  h2 {
    font-size: 1.25rem;
  }

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

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

  .fa132 {
    padding: var(--spacing-xs) var(--spacing-md);
    font-size: 0.875rem;
  }
}
.nd74c679 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

.o2c:hover {
  opacity: 0.85;
}

.ka6c0 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}

.ne50df {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  white-space: nowrap;
}

.g8e466 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  margin: 0 clamp(1rem, 3vw, 2rem);
}

.p33d {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  position: relative;
}

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

.p33d::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--color-accent);
  transition: width var(--transition-base);
}

.p33d:hover::after {
  width: 100%;
}

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

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

.n6950:active {
  transform: translateY(0);
}

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

.pc1ae1dc:hover {
  opacity: 0.7;
}

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

.pc1ae1dc.ha9cc6 .jc19a6:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.pc1ae1dc.ha9cc6 .jc19a6:nth-child(2) {
  opacity: 0;
}

.pc1ae1dc.ha9cc6 .jc19a6:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

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

.jcf0.ha9cc6 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.a49a61 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  flex-shrink: 0;
}

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

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

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

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

.e6f8c832 {
  padding: 1.25rem clamp(1rem, 4vw, 2rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base), color var(--transition-base);
}

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

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

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

.e7aecc3:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .pc1ae1dc {
    display: none;
  }

  .jcf0 {
    display: none;
  }

  .g8e466 {
    display: flex;
  }

  .n6950 {
    display: block;
  }
}

@media (max-width: 767px) {
  .g8e466 {
    display: none;
  }

  .n6950 {
    display: none;
  }

  .ne50df {
    display: none;
  }
}

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

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

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

.o65ff {
  position: relative;
  height: 100vh;
  min-height: 600px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.g3db0e4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.n7a8 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
}

.cdada {
  position: relative;
  z-index: 3;
  text-align: center;

  padding: 2rem;
}

.ad715d {
  color: #ffffff;
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  margin: 0 0 1rem 0;
  line-height: 1.2;
  font-family: var(--font-heading);
}

.h3bf {
  color: #f1f5f9;
  font-size: clamp(1rem, 2vw, 1.25rem);
  margin: 0 0 2rem 0;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.hd07c {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 640px) {
  .hd07c {
    flex-direction: row;
  }
}

.fa132 {
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}

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

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

.lebf {
  background: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
}

.lebf:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
}

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

.od188 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

.nce322 {
  max-width: 700px;
  text-align: center;
  position: relative;
}

.md1c {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-style: italic;
  margin: 0 0 1.5rem 0;
  line-height: 1.6;
  font-family: var(--font-heading);
}

.md1c::before {
  content: '"';
  font-size: 3rem;
  color: var(--color-accent);
  display: block;
  margin-bottom: -1rem;
  opacity: 0.3;
}

.m93 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  margin: 0 0 1rem 0;
  font-weight: 600;
  letter-spacing: 1px;
}

.m562907 {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
}

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

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

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

.a1e41 {
  display: flex;
  flex-direction: column;
}

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

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

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

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

.o48265 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

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

.bfc6d10 {
  flex: 1;
}

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

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

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

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

.ba0e4f03 {
  text-align: center;
}

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

.b7d {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  margin: 0;
}

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

.ibfaa4fe {
  flex: 1 1 100%;
  max-width: 500px;
  background: var(--color-accent);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 2.5rem);
  box-shadow: var(--shadow-lg);
}

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

.ka7637eb {
  color: var(--color-text-on-accent);
  font-size: clamp(1.5rem, 3vw, 1.75rem);
  margin: 0;
  font-weight: 700;
}

.nea8 {
  color: var(--color-text-on-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
  margin: 0;
  line-height: 1.6;
  opacity: 0.95;
}

.e172b {
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-block;
  margin-top: 0.5rem;
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent;
}

.e172b:hover {
  border-bottom-color: var(--color-text-on-accent);
}

.oa6 {
  flex: 1 1 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-md);
  border-top: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

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

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

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

.ae5 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 800px;
}

.a58a2d9 {
  text-align: center;
}

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

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

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

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

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

.ibc0 {
  text-align: center;
}

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

.g42db9e {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  margin: 0;
}

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

.dd9d8b80 {
  flex: 1 1 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

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

.d5feb69 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--color-accent);
}

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

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

.jee41 {
  position: relative;
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m9e95f4 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
  z-index: 1;
}

.m02d {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 600px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.n93bd74 {
  color: var(--color-text-on-accent);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  margin: 0;
  font-weight: 700;
  font-family: var(--font-heading);
}

.k41b3 {
  color: var(--color-text-on-accent);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  margin: 0;
  opacity: 0.95;
  line-height: 1.7;
}

.e18 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

@media (min-width: 640px) {
  .e18 {
    flex-direction: row;
  }
}

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

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

.hf29f5 {
  text-align: center;
}

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

.i132 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  margin: 0;
}

.ad13279 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
  max-width: 700px;
  margin: 0 auto;
  position: relative;
}

.ad13279::before {
  content: '';
  position: absolute;
  left: 24px;
  top: 60px;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
}

@media (max-width: 640px) {
  .ad13279::before {
    left: 16px;
  }
}

.i817dc2 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  position: relative;
}

.be4 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-weight: 700;
  font-size: 1.5rem;
  position: relative;
  z-index: 2;
  margin-top: 0.25rem;
}

@media (max-width: 640px) {
  .be4 {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }
}

.g57a3 {
  flex: 1;
  padding-top: 0.5rem;
}

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

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

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

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

.f7a9 {
  text-align: center;
}

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

.eec {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  margin: 0;
}

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

.h02 {
  flex: 1 1 200px;
  max-width: 250px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-md);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

.f28f78 {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  margin: 0;
}

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

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

.c6e701 {
  text-align: center;

  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

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

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

.keec5e6 {
  text-align: center;
}

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

.d581e4b0 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  margin: 0;
}

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

.m3f70c {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

.ld102 {
  text-align: center;
  margin-top: 1rem;
}

.c5b2b0 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  transition: all 0.3s ease;
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
}

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

.j96 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: 1.5rem;
  background: var(--color-text-primary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  box-shadow: var(--shadow-lg);
}

.j96.p6a015 {
  display: none;
}

.ieff30a {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  flex: 1;
  min-width: 250px;
  line-height: 1.5;
}

.c8fa518 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.l30,
.j3b77 {
  padding: 0.625rem 1.25rem;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

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

.j3b77 {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.j3b77:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
}

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

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

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

  .l30,
  .j3b77 {
    flex: 1;
    min-width: 120px;
  }
}

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

  .hd07c .fa132 {
    width: 100%;
  }

  .e18 {
    width: 100%;
  }

  .e18 .fa132 {
    width: 100%;
  }

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

  .m3f70c {
    width: 100%;
    max-width: 400px;
  }
}

@media (max-width: 480px) {
  .o65ff {
    min-height: 500px;
  }

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

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

  .ibfaa4fe {
    max-width: none;
  }

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

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

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

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

.j78c43 {
  max-width: 500px;
}

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

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

.d724c,
.k561b {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.d724c li,
.k561b li {
  display: inline-block;
}

.n41a97c3 a,
.n355d a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  transition: color var(--transition-base);
}

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

.j5c8ef07 p {
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  line-height: 1.8;
  color: var(--color-text-secondary);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.fb0a2a {
  border-top: 1px solid var(--color-border-light);
  padding-top: clamp(2rem, 4vw, 3rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

  .j78c43 {
    flex: 1 1 280px;
    max-width: 320px;
  }

  .n41a97c3 {
    flex: 1 1 200px;
  }

  .j5c8ef07 {
    flex: 1 1 240px;
  }

  .n355d {
    flex: 1 1 200px;
  }

  .fb0a2a {
    flex: 1 1 100%;
    flex-basis: 100%;
  }
}

@media (min-width: 1024px) {
  .o36 {
    gap: clamp(3.5rem, 8vw, 5rem);
  }

  .j78c43 {
    flex: 0 1 320px;
  }

  .n41a97c3 {
    flex: 0 1 180px;
  }

  .j5c8ef07 {
    flex: 0 1 220px;
  }

  .n355d {
    flex: 0 1 180px;
  }
}
    

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .a5ff {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.d6e344 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  flex: 1 1 100%;
  min-width: 280px;
  max-width: 320px;
  box-shadow: var(--shadow-sm);
}

@media (min-width: 768px) {
  .d6e344 {
    flex: 1 1 calc(33.333% - 1.5rem);
  }
}

.lf0b {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

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

.gda8af {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  flex: 1 1 100%;
  min-width: 300px;
  max-width: 480px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

.d69c {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--color-border-light);
}

.cd943f {
  font-size: 0.875rem;
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 1.5;
}

.cd943f i {
  font-size: 0.875rem;
  color: var(--color-accent);
}

.c09e {
  display: inline-block;
  margin-top: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-sm);
  font-size: 0.95rem;
  font-weight: 500;
  transition: all var(--transition-base);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
  align-self: flex-start;
}

.c09e:hover {
  background: var(--color-accent-hover);
  transform: translateX(4px);
}

@media (max-width: 767px) {
  .ea4 {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }

  .a5ff {
    gap: 1.5rem;
  }

  .d6e344 {
    max-width: 100%;
  }

  .j533c {
    gap: 1.5rem;
  }

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

@media (min-width: 1024px) {
  .ea4 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .m022 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .p9d0b {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

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

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

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

  html, body {
    font-family: var(--font-primary);
    line-height: 1.6;
  }

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

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

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

  .f048 {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-text-secondary);
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .kb6b,
    .maa99c42 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .abccb {
      flex-direction: column;
      align-items: flex-start;
      gap: 0.75rem;
    }
  }

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

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

  .ebd0a {
    flex: 1 1 60%;
    max-width: 60%;
  }

  .c172066 {
    flex: 1 1 40%;
    max-width: 40%;
  }

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

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

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

  .jb120d {
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
    color: var(--color-text-primary);
    margin-bottom: 1rem;
    font-weight: 700;
  }

  .i88f7db4 {
    list-style: none;
  }

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

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

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

    .ebd0a,
    .c172066 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

  .m7694d {
    font-family: var(--font-heading);
    font-size: clamp(1.4rem, 3vw + 0.5rem, 2.25rem);
    color: var(--color-text-primary);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

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

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

    .fea,
    .p038 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

  .n8f184 {
    font-family: var(--font-heading);
    font-size: clamp(1.4rem, 3vw + 0.5rem, 2.25rem);
    color: var(--color-text-primary);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

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

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

    .o712,
    .mafc {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

  .be9df {
    font-family: var(--font-heading);
    font-size: clamp(1.4rem, 3vw + 0.5rem, 2.25rem);
    color: var(--color-text-primary);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

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

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

    .hefa,
    .e94331b {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

  .g9c5 {
    font-family: var(--font-heading);
    font-size: clamp(1.4rem, 3vw + 0.5rem, 2.25rem);
    color: var(--color-text-primary);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

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

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

    .dceae4,
    .p29d31 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

  .i1fcc1 {
    font-size: 2.5rem;
    color: var(--color-accent);
  }

  .aa8d4 {
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.3rem);
    color: var(--color-text-primary);
    font-weight: 700;
  }

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

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

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

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

  .n60 {
    flex-shrink: 0;
    width: 120px;
    height: 120px;
  }

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

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

  .k7276564 {
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
    color: var(--color-text-primary);
    font-weight: 700;
  }

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

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

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

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

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

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

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

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

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

  .c9250 {
    font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
    color: var(--color-text-secondary);
    line-height: 1.8;
  }

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

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

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

  .fb857310 {
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.3rem);
    color: var(--color-text-primary);
    font-weight: 700;
    margin-bottom: 0.75rem;
  }

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

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

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

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

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

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

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

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

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

  .d3682:hover .f6f5d3f img {
    transform: scale(1.05);
  }

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

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

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

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

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

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

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

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

html, body {
  width: 100%;
}

.hddfa {
  width: 100%;
  background: var(--color-bg-primary);
  font-family: var(--font-primary);
  overflow-x: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

.d86d i {
  color: var(--color-accent);
  font-size: 1rem;
}

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

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

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

  .p2d44e,
  .o8a9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.j5f {
  grid-column: 1;
}

.m0909f {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 4vw, 4rem);
}

.m9fe {
  grid-column: 3;
  position: sticky;
  top: 2rem;
}

@media (max-width: 1200px) {
  .f2b699a {
    grid-template-columns: 1fr 200px;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .j5f {
    grid-column: 2;
    grid-row: 1;
  }

  .m0909f {
    grid-column: 1;
    grid-row: 1;
  }

  .m9fe {
    grid-column: 1 / -1;
    position: relative;
    top: auto;
  }
}

@media (max-width: 768px) {
  .f2b699a {
    grid-template-columns: 1fr;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .j5f {
    grid-column: 1;
    grid-row: auto;
  }

  .m0909f {
    grid-column: 1;
    grid-row: auto;
  }

  .m9fe {
    grid-column: 1;
    grid-row: auto;
  }
}

.f358922c {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.heebddfd {
  width: 100%;
  height: auto;
  border-radius: var(--radius-md);
  display: block;
}

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

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

.b46 {
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.h5c9 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

.iaf34d8a {
  font-size: clamp(0.8125rem, 0.95vw, 0.875rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

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

.b62e7 p {
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.gba {
  display: flex;
  flex-direction: column;
}

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

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

.b586b8 p {
  font-size: clamp(0.9375rem, 1vw, 1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f105d,
.h68a {
  display: flex;
  flex-direction: column;
}

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

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

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

.f0c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h67 p {
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .h67,
  .l66 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.n513ba7d {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: clamp(1.5rem, 2vw, 2rem);
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
}

.kcb8 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  transition: all 0.3s ease;
}

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

.i04 {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.25rem;
}

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

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

.a53725e1 {
  font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.k743ca {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: block;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.ca7b4 {
  display: flex;
  flex-direction: column;
}

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

.e3765 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f68 p {
  font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.oe8832 {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-secondary);
}

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

.f1b7 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.n62ad59 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--color-border-light);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e960fa {
  background: var(--color-bg-card);
  padding: clamp(1rem, 1.5vw, 1.25rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all 0.3s ease;
}

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

.k37d {
  width: 100%;
  height: auto;
  max-height: 160px;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

.ab6bf {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.j2d15825 {
  font-size: clamp(0.8125rem, 0.95vw, 0.875rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .j5f {
    grid-column: 1;
    grid-row: 1;
  }

  .m0909f {
    grid-column: 1;
    grid-row: 2;
  }

  .m9fe {
    grid-column: 1;
    grid-row: 3;
  }

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

  .e960fa {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 1rem;
    align-items: flex-start;
  }

  .k37d {
    grid-column: 1;
    grid-row: 1 / 4;
    max-height: 100%;
    height: 120px;
    width: 120px;
    border-radius: var(--radius-md);
  }

  .ab6bf {
    grid-column: 2;
    grid-row: 1;
  }

  .j2d15825 {
    grid-column: 2;
    grid-row: 2;
  }
}

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

@media (min-width: 769px) and (max-width: 1200px) {
  .jf5d37 {
    flex-direction: column;
  }

  .p2d44e,
  .o8a9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.ldc7c1 {
    display: flex;
    flex-direction: column;
    background: var(--color-bg-primary);
  }

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

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

  .id589 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  .id589 span:last-child {
    color: var(--color-text-secondary);
  }

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

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

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

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

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

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

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

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

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

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

    .ea7f3a3,
    .cfb8 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

  .n408 {
    position: relative;
    margin-bottom: clamp(2rem, 4vw, 3rem);
    width: 100%;
  }

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

  .e5b {
    width: 100px;
    height: 100px;
    border-radius: var(--radius-full);
    overflow: hidden;
    flex-shrink: 0;
  }

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

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

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

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

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

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

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

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

  .e80c27 {
    flex: 1;
  }

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

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

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

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

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

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

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

    .df38a,
    .ie3 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

  .ac786a,
  .lf9 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .l31,
  .b6cc150 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .i6c6,
  .ec42 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .o4e03cd,
  .jb23f2 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .ieba {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    color: var(--color-text-primary);
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.3;
  }

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

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

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

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

    .ac786a,
    .l31,
    .lf9,
    .b6cc150,
    .i6c6,
    .o4e03cd,
    .ec42,
    .jb23f2 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

  .kd778 {
    max-width: 750px;
  }

  .d1c1e {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    color: var(--color-text-primary);
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.3;
  }

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

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

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

  .e905 {
    max-width: 750px;
  }

  .nf6521 {
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding: clamp(1rem, 2vw, 1.5rem);
    background: var(--color-bg-card);
    border-left: 4px solid var(--color-accent);
    border-radius: var(--radius-md);
  }

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

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

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

  .n68f81 {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    color: var(--color-text-primary);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.3;
  }

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

  .fad2 {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
  }

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

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

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

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

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

  .b8f369de {
    color: var(--color-text-primary);
    text-decoration: none;
    transition: all 0.3s ease;
  }

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

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

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

    .b40 {
      padding: clamp(1.5rem, 4vw, 2.5rem) 0;
    }
  }

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

.id596d {
  width: 100%;
  margin: 0;
  padding: 0;
  background: var(--color-bg-primary);
  font-family: 'Lato', sans-serif;
  color: var(--color-text-primary);
  line-height: 1.6;
}

.id596d * {
  box-sizing: border-box;
}

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

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

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

.c8f9 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

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

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

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

.l5903d9 {
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

.be4c02ae {
  flex: 1 1 50%;
  min-height: 300px;
  max-height: 450px;
  overflow: hidden;
  border-radius: clamp(0.5rem, 2vw, 1rem);
}

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

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

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

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

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

.o9a4 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-family: 'Vollkorn', serif;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-text-primary);
  margin: 0;
  padding: 0;
}

.e1ea0 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.1875rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  padding: 0;
}

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

  .be4c02ae {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

.c6f i {
  color: var(--color-accent);
  font-size: 1.3em;
  flex-shrink: 0;
}

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

@media (min-width: 769px) {
  .d890a {
    grid-template-columns: 1fr 1fr;
  }
}

.o10 {
  background: var(--color-bg-tertiary);
  overflow: hidden;
}

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

.a317c {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(3rem, 6vw, 5rem);
}

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

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

.e690,
.p9c283a,
.c58762,
.c64cd1,
.g76 {
  width: 100%;
  overflow: hidden;
}

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

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

.lb9ed31,
.l5f9d3a {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 250px;
  max-height: 400px;
  overflow: hidden;
  border-radius: clamp(0.5rem, 2vw, 1rem);
}

.lb0bc {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: clamp(0.5rem, 2vw, 1rem);
}

.e0a36 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-family: 'Vollkorn', serif;
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  padding: 0;
  line-height: 1.3;
}

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

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

  .b950e,
  .o691,
  .lb9ed31,
  .l5f9d3a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.d1ef91 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  border: 1px solid var(--color-border-light);
}

.e5f {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-family: 'Vollkorn', serif;
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  padding: 0;
}

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

@media (min-width: 768px) {
  .je4 {
    grid-template-columns: 1fr 1fr;
  }
}

.g1ac5 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all 0.3s ease;
}

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

.lfcac2a {
  width: 40px;
  height: 40px;
  background: var(--color-bg-secondary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.3em;
}

.dbff4f {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  padding: 0;
  font-family: 'Vollkorn', serif;
}

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

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

.e08 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-family: 'Vollkorn', serif;
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  padding: 0;
}

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

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

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

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

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

.p167 {
  position: sticky;
  top: 2rem;
  height: fit-content;
}

.g4018db7 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  text-align: center;
  align-items: center;
}

.aad0a {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 2px solid var(--color-border);
}

.f896a {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  padding: 0;
  font-family: 'Vollkorn', serif;
}

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

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

.ld3d {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  margin: 0;
  padding: 0;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.pccb827 {
  position: sticky;
  top: 2rem;
  height: fit-content;
}

.b1f0a {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-family: 'Vollkorn', serif;
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  padding: 0;
}

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

.h52d {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all 0.3s ease;
}

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

.ecdd {
  width: 100%;
  height: 140px;
  overflow: hidden;
  border-radius: clamp(0.3rem, 1vw, 0.75rem);
}

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

.ofe {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-family: 'Vollkorn', serif;
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  padding: 0 clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.4;
}

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

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

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

@media (max-width: 1023px) {
  .a317c {
    grid-template-columns: 1fr;
  }

  .p167,
  .pccb827 {
    position: static;
    top: auto;
  }

  .pccb827 {
    margin-top: clamp(2rem, 4vw, 3rem);
  }

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

  .h52d {
    display: flex;
    flex-direction: column;
  }
}

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

  .g4018db7 {
    margin-top: clamp(2rem, 4vw, 3rem);
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .a317c {
    grid-template-columns: 1fr 180px 220px;
  }
}

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

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

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

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

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

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

.ne993a38 {
  text-align: center;
  max-width: 700px;
}

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

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

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

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

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

.e75 {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.o6f {
  display: inline-block;
  font-size: clamp(0.75rem, 0.8vw + 0.5rem, 0.875rem);
  color: var(--color-primary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
}

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

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

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

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

.e2cb2b13 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

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

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

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

.c7a6 {
  font-size: clamp(1.75rem, 2vw + 0.5rem, 2.25rem);
  color: var(--color-primary);
  margin-bottom: 1rem;
  display: block;
}

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

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

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

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

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

.lfee {
  display: inline-block;
  font-size: clamp(0.75rem, 0.8vw + 0.5rem, 0.875rem);
  color: var(--color-primary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
}

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

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

.n6af {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.n198f {
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: clamp(1.25rem, 1.5vw + 0.5rem, 1.5rem);
  margin-top: 0.25rem;
}

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

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

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

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

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

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

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

.l2cd2b4 {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  box-shadow: var(--shadow-md);
  margin: clamp(1rem, 2vw, 1.5rem) auto 0;
  max-height: 400px;
  display: block;
}

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

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

.i2729 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
}

.af0ec4 {
  color: var(--color-primary);
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.375rem);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

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

@media (min-width: 768px) {
  .ob30bbf {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .n31fac64 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .o9ebeec {
    flex: 1 1 calc(33.333% - 1.5rem);
    max-width: none;
  }

  .n6af {
    flex-direction: row;
    align-items: center;
  }

  .b69a3c {
    flex: 1 1 45%;
  }

  .gb34f {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .ob30bbf {
    grid-template-columns: 1fr 1fr;
  }

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

  .o9ebeec {
    flex: 1 1 calc(25% - 2rem);
  }

  .n6af {
    gap: clamp(3rem, 5vw, 4rem);
  }
}

@media (max-width: 767px) {
  .ob30bbf {
    grid-template-columns: 1fr;
  }

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

  .gb34f {
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }
}

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

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

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

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

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

.b42c8 {
  width: 100%;
  max-width: 500px;
}

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

.k694ea {
  text-align: center;
  max-width: 700px;
}

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

.c4e {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

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

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

.h81b0c5 {
  text-align: center;
}

.h81b0c5 h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

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

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

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

.cfb32 {
  font-size: clamp(2rem, 5vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.k626f h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}

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

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

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

.l0306 {
  text-align: center;
}

.l0306 h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

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

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

.ka7804 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}

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

.ka7804 p + p {
  margin-top: var(--spacing-md);
}

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

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

.a9b {
  text-align: center;
}

.a9b h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

.h49565 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: center;
  max-width: 1000px;
  margin: 0 auto;
}

.ec8159 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 500;
  border: 1px solid var(--color-border-light);
  transition: var(--transition-fast);
}

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

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

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

.p32c5da {
  text-align: center;
}

.p32c5da h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

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

.o9250390 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-md);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 180px;
  max-width: 250px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  justify-content: center;
}

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

.jc55aa {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  margin: 0;
  font-weight: 500;
}

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

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

.k2b69b {
  text-align: center;
}

.k2b69b h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

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

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

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

.k1e h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}

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

.l93e0bda {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  transition: var(--transition-fast);
}

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

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

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

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

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

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

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

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

.de8f {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 3.5rem);
  max-width: 700px;
  margin: 0 auto;
}

.kb7c527 {
  text-align: center;
}

.kb7c527 h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

.f95c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  text-align: center;
}

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

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

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

@media (min-width: 768px) {
  .m605288 {
    flex-direction: row;
    align-items: center;
    gap: clamp(2rem, 5vw, 4rem);
  }

  .b42c8 {
    flex: 0 0 40%;
    max-width: 100%;
  }

  .k694ea {
    flex: 1 1 60%;
    text-align: left;
  }

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

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

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

  .o9250390 {
    flex: 1 1 calc(25% - clamp(1rem, 2vw, 1.5rem));
  }

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

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

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

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

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

.a1d38b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.m728577 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.g02a74e {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  margin: 0;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .a1d38b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .a1d38b {
    padding: 4rem var(--spacing-2xl);
  }
}

.a884 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.ed0 {
  max-width: 900px;
  margin: 0 auto;
}

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

.n8c {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  transition: all var(--transition-base);
}

.n8c:hover {
  border-color: var(--color-border);
  box-shadow: var(--shadow-sm);
}

.h33e8 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-lg) var(--spacing-md);
  border: none;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  gap: var(--spacing-md);
}

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

.h33e8:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
}

.m9b6c {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.0625rem);
  font-weight: 600;
  line-height: 1.4;
  flex: 1;
}

.bc2cb5f {
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1;
  flex-shrink: 0;
  transition: transform var(--transition-base);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
}

.h33e8[aria-expanded="true"] .bc2cb5f {
  transform: rotate(45deg);
}

.o1619e9 {
  padding: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out forwards;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.o1619e9 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  line-height: 1.6;
  margin: 0;
}

.e7481cb {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
}

.e7481cb:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

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

@media (min-width: 768px) {
  .a884 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .a884 {
    padding: 4rem var(--spacing-2xl);
  }

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

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

.gc71 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.j79d {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.l30f5e {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.l30f5e:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.l30f5e:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .gc71 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .gc71 {
    padding: 4rem var(--spacing-2xl);
  }
}

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

.a02422 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kc5aba6f {
  max-width: 800px;
  text-align: center;
  width: 100%;
}

.c3305e7 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
  font-weight: 700;
}

.c21d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.p9a {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.b39d8c {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.jfb {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

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

.i1bb {
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  flex-shrink: 0;
}

.i1bb i {
  font-size: 24px;
  color: var(--color-primary);
}

.g013aa0d {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
  font-weight: 700;
}

.m42 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  flex-grow: 1;
}

.h268f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.e6f8 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

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

.dab {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.m5ce0 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
}

.m5ce0:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-1px);
}

.m5ce0:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .a02422 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 240px;
  }

  .c3305e7 {
    font-size: clamp(2.5rem, 6vw, 3.5rem);
  }

  .p9a {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .b39d8c {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .h268f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a02422 {
    padding: 4rem var(--spacing-xl);
    min-height: 280px;
  }

  .c3305e7 {
    font-size: clamp(3rem, 6vw, 3.5rem);
  }

  .p9a {
    padding: 5rem var(--spacing-xl);
  }

  .b39d8c {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

  .jfb:nth-child(3) {
    grid-column: 1;
  }

  .jfb:nth-child(4) {
    grid-column: 2;
  }

  .h268f {
    padding: 5rem var(--spacing-xl);
  }
}

@media (min-width: 1280px) {
  .kc5aba6f {
    max-width: 900px;
  }

  .b39d8c {
    max-width: 1200px;
  }

  .e6f8 {
    max-width: 700px;
  }
}

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

.j243a37d main {
  width: 100%;
}

.j243a37d .n9bb0a6 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.j243a37d .gbaedc {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-lg) 0;
}

.j243a37d h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.j243a37d .o7c9be4d {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.j243a37d h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.j243a37d p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.j243a37d ul {
  list-style-position: inside;
  margin-left: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

.j243a37d li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.j243a37d .a2d6df {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.j243a37d .a2d6df h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.j243a37d .a2d6df p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

@media (min-width: 768px) {
  .j243a37d .gbaedc {
    padding: var(--spacing-xl) 0;
  }
}

@media (min-width: 1024px) {
  .j243a37d .gbaedc {
    padding: var(--spacing-3xl) 0;
  }
}

.b830fe {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

.n9bb0a6 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.lb0a {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.lc10 {
  margin: 0 auto var(--spacing-lg);
  display: inline-block;
  animation: scaleIn 0.6s ease-out 0.2s both;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.lc10 svg {
  display: block;
  filter: drop-shadow(0 4px 12px rgba(76, 175, 80, 0.2));
}

.e999b {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

.je96b7 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  font-weight: 600;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.j28b71 {
  margin: var(--spacing-xl) 0;
}

.j28b71 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-md) 0;
}

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

.mc6 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin: var(--spacing-2xl) 0;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

.m51c {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: var(--color-success);
  color: white;
  border-radius: var(--radius-full);
  font-weight: bold;
  font-size: 1.2rem;
  flex-shrink: 0;
}

.hf8b1 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.5;
}

.c6d83 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  margin-top: var(--spacing-2xl);
  border: none;
  cursor: pointer;
}

.c6d83:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.c6d83:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.c6d83:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .b830fe {
    padding: var(--spacing-lg);
  }

  .mc6 {
    flex-direction: row;
    justify-content: center;
    gap: var(--spacing-lg);
    padding: var(--spacing-xl);
  }

  .hf8b1 {
    flex-direction: column;
    gap: var(--spacing-sm);
  }

  .m51c {
    width: 40px;
    height: 40px;
    font-size: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .n9bb0a6 {
    padding: 0 var(--spacing-xl);
  }

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

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

  .j28b71 {
    margin: var(--spacing-2xl) 0;
  }
}

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

.f2ac441 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.h0982 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.n9bb0a6 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.j4d104 {
  text-align: center;
  padding: var(--spacing-lg) var(--spacing-md);
  animation: fadeInUp 0.8s ease-out;
}

.jef {
  margin-bottom: var(--spacing-2xl);
  position: relative;
}

.ic4 {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 6rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
  animation: slideDown 0.6s ease-out;
}

.b398a6 {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: var(--spacing-lg) 0;
  color: var(--color-primary);
  opacity: 0.7;
  animation: floatWave 3s ease-in-out infinite;
}

.icd {
  width: 100%;
  max-width: 300px;
  height: 100%;
}

.m2ed1b7 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: var(--spacing-md) 0 var(--spacing-md) 0;
  letter-spacing: -0.01em;
}

.j3ee2b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.g89 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.45rem, 1.05rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
  opacity: 0.85;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.fa132 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  margin-bottom: var(--spacing-2xl);
  text-transform: none;
  letter-spacing: 0.3px;
}

.c6d83 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

.c6d83:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.c6d83:active {
  transform: translateY(0);
}

.d0dd {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
  animation: fadeIn 1s ease-out 0.4s both;
}

.i3b22b {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.p65b {
  list-style: none;
  text-align: left;
  display: inline-block;
}

.p65b li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.45rem, 1.05rem);
  color: var(--color-text-secondary);
  padding: var(--spacing-sm) 0;
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: 1.6;
}

.p65b li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: var(--color-primary);
  border-radius: 50%;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes floatWave {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .h0982 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .ic4 {
    animation: slideDown 0.8s ease-out;
  }

  .b398a6 {
    margin: var(--spacing-2xl) 0;
  }

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

@media (min-width: 1024px) {
  .h0982 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

  .fa132 {
    font-size: clamp(1rem, 1vw + 0.55rem, 1.15rem);
    padding: var(--spacing-md) var(--spacing-3xl);
  }
}

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

.mb867d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

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

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

.l55e13 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
}

@media (min-width: 768px) {
  .mb867d {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .mb867d {
    padding: 4rem 0;
  }
}

.n484 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.i2529 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}

.e12a9f {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2xl);
}

.i6ba69c5 {
  flex: 1 1 100%;
  min-width: 0;
}

.h0e389f1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.l83b49e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.ia84 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.j514e,
.b49c5345 {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base);
}

.j514e::placeholder,
.b49c5345::placeholder {
  color: var(--color-text-muted);
}

.j514e:focus,
.b49c5345:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
}

.b49c5345 {
  min-height: 140px;
  resize: vertical;
}

.efa4f {
  margin-top: var(--spacing-sm);
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.c899058 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.5rem, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
}

.l20a2 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

.l20a2:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.g0d70 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

.g0d70:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.e8694 {
  flex: 1 1 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}

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

.a1e4c88 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.65rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
}

.ed2e77 {
  display: flex;
  gap: var(--spacing-md);
  padding: var(--spacing-md) 0;
}

.c8ab2af {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.k5b8 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.j44c87 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

.oca {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
}

.p1cf {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.g730e441 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
}

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

@media (min-width: 768px) {
  .n484 {
    padding: var(--spacing-3xl) 0;
  }

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

  .i6ba69c5 {
    flex: 1 1 45%;
    max-width: 500px;
  }

  .e8694 {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .n484 {
    padding: 4rem 0;
  }

  .e12a9f {
    gap: 4rem;
  }

  .i6ba69c5 {
    flex: 0 1 500px;
  }

  .e8694 {
    flex: 1 1 auto;
  }
}

@media (min-width: 1200px) {
  .i6ba69c5 {
    max-width: 550px;
  }
}
.pc1ae1dc,.mcef{
  width: 34px;
}

/* FIX:nav .g8e466 */
.g8e466{
  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;
}

.jcf0{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .jcf0{
    max-width: 100%;
  }
}

/* FIX:zindex .jcf0.ha9cc6 */
.jcf0.ha9cc6{
  z-index: 999;
}

/* FIX:navpad .c147a2 */
.c147a2{
  padding-top: 50px;
}

/* FIX:toggle-expand .pc1ae1dc */
.pc1ae1dc[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .h2f {
    aspect-ratio: 6 / 9;
  }
}