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

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

  --color-text-primary: #44403c;
  --color-text-secondary: #57534e;
  --color-text-muted: #6d6966;

  --color-primary: #92400e;
  --color-primary-hover: #78350f;
  --color-primary-light: #f5ede0;
  --color-secondary: #b45309;
  --color-secondary-light: #fde8d4;

  --color-success: #059669;
  --color-success-light: #d1fae5;
  --color-warning: #d97706;
  --color-warning-light: #fef3c7;
  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;

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

  --font-primary: 'Figtree', sans-serif;
  --font-heading: 'Urbanist', sans-serif;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

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

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

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

* {
  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: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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: 48px;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 32px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
  font-weight: 700;
}

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

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

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

button, [role="button"] {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-fast);
}

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

.p9d32bc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: 16px;
  transition: all var(--transition-fast);
  text-decoration: none;
}

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

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

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

.h3b3:hover {
  background: #a03d09;
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

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

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

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

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

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

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

.j55ee5 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 14px;
  font-weight: 600;
}

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

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

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

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

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

.ie6f {
  width: 100%;
  padding: var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-size: 16px;
  color: var(--color-text-primary);
  background: var(--color-bg-tertiary);
  transition: all var(--transition-fast);
}

.ie6f:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

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

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

select.ie6f {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2392400e' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right var(--spacing-md) center;
  padding-right: var(--spacing-xl);
}

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

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

.mb5 .o49 {
  display: block;
  margin-top: var(--spacing-xs);
  font-size: 14px;
  color: var(--color-text-muted);
}

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

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

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

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

.g89ac {
  display: flex;
}

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

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

.l0c {
  flex-direction: column;
}

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

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

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

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

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

.e5c78f3 {
  text-align: center;
}

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

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

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

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

.g4de {
  font-weight: 700;
}

.he32 {
  font-weight: 600;
}

.fe879 {
  font-weight: 500;
}

.k98 {
  font-size: 14px;
}

.kfce7762 {
  font-size: 16px;
}

.c9e846 {
  font-size: 18px;
}

.g5c9e5e1 {
  font-size: 20px;
}

.g19364 {
  font-size: 24px;
}

.f6bd96 {
  font-size: 32px;
}

.ed7e {
  font-size: 40px;
}

.o1202 {
  font-size: 48px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p2440 {
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}

.l6e {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}

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

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

.f3ec73 {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}

.gc5 {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}

.h36354 {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}

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

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

.d90d4d {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}

.c37 {
  padding-top: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
}

.j313b72 {
  padding-top: var(--spacing-3xl);
  padding-bottom: var(--spacing-3xl);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.j77302 {
  opacity: 0.5;
}

.l35a {
  opacity: 0.75;
}

.b9e6c3 {
  cursor: pointer;
}

.dd64d {
  cursor: default;
}

.j7103ad2 {
  transition: all var(--transition-fast);
}

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

.e555e4 {
  transition: all var(--transition-slow);
}

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

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 28px;
  }

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

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

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

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

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 20px;
  }

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

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

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

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

  .p9d32bc {
    width: 100%;
  }
}

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

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 18px;
  }

  body {
    font-size: 15px;
  }

  .i322d {
    padding: 0 var(--spacing-md);
  }
}
.b9a5ef5f {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
}

.h548 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: clamp(70px, 12vw, 90px);
}

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

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

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

.b5766 {
  display: none;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  margin-left: clamp(2rem, 4vw, 3rem);
}

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

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

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

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

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

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

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

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

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

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

.c5481.d56 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

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

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

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

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

  .c5481 {
    display: none;
  }

  .b5766 {
    display: flex;
  }

  .a32 {
    display: inline-block;
  }
}

@media (max-width: 1200px) {
  .b5766 {
    gap: clamp(1rem, 2vw, 1.75rem);
  }

  .h548 {
    height: clamp(65px, 10vw, 80px);
  }
}

    .l34467cb {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

.p88 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: 0.5rem;
}

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

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

.fcccc5 {
  padding: 0.875rem clamp(1.5rem, 3vw, 2rem);
  background: transparent;
  color: var(--color-accent);
  text-decoration: none;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
  cursor: pointer;
}

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

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

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

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

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

.a273a8ec,
.pcee96 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

.a273a8ec .ja890933,
.pcee96 .fcccc5 {
  align-self: flex-start;
}

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

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

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

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

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

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

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

.b11222 {
  flex-direction: row;
}

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

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

.k682f6 {
  flex: 1 1 100%;
}

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

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

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

  .o05b {
    order: -1;
  }
}

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

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

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

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

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

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

.a0ebc {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 280px;
}

.m6b757 {
  width: 100%;
  height: 300px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

.aeced {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: color var(--transition-base);
}

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

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

.k49ee0 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
}

.j7834ad5 {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: var(--radius-md);
}

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

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

.j81d {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: color var(--transition-base);
}

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

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

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

  .a0ebc,
  .m72aad5 {
    flex: 1 1 100%;
  }
}

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

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

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

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

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

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

.e56988 {
  flex: 1 1 300px;
  max-width: 350px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.j0f {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: var(--color-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 24px;
}

.h31f {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

.fc2b1 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
}

.f075503 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-decoration: none;
  color: var(--color-text-primary);
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

.f075503:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-accent);
  transform: translateX(4px);
}

.c9e4b52 {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 18px;
}

.odc {
  flex: 1 1 auto;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  font-weight: 500;
  line-height: 1.4;
}

.n9d {
  flex: 0 0 auto;
  color: var(--color-accent);
  font-size: 16px;
}

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

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

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

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

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

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

.m29ee {
  flex: 1 1 250px;
  max-width: 280px;
  padding: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

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

.if26 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
}

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

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

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

.i54e01a4 {
  max-width: 600px;
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-card);
  border: 2px dotted var(--color-border);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

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

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

.k9c839 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
}

.le2 {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-bottom: 1px solid var(--color-border-light);
  padding-bottom: 1rem;
}

.le2:last-child {
  border-bottom: none;
}

.k51 {
  background: transparent;
  border: none;
  padding: 1rem 0;
  text-align: left;
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  cursor: pointer;
  transition: color var(--transition-base);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

.k51::after {
  content: '+';
  font-size: 20px;
  color: var(--color-accent);
  transition: transform var(--transition-base);
}

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

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

.a71e00[hidden] {
  display: none;
}

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

  .a075,
  .g520b {
    flex: 1 1 100%;
  }
}

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

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

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

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

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

.mcfb4b27 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(1.5rem, 3vw, 2rem);
  grid-auto-rows: 280px;
}

.n5b2a8d {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.n5b2a8d:hover {
  transform: scale(1.02);
  box-shadow: var(--shadow-lg);
}

.l993 {
  grid-row: span 2;
}

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

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

.g32.i514c8 {
  display: none;
}

.lc3d4 {
  color: var(--color-bg-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: 1.5;
  max-width: 400px;
}

.d96 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.e3f,
.m1938 {
  padding: 0.625rem 1.25rem;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base);
}

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

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

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

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

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

  .b44dc66,
  .ff97 {
    flex: 1 1 100%;
  }

  .d18b9b {
    flex-direction: column;
  }

  .a273a8ec,
  .pcee96 {
    flex: 1 1 100%;
  }

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

  .lc3d4 {
    max-width: 100%;
  }

  .mcfb4b27 {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-auto-rows: 200px;
  }

  .l993 {
    grid-row: span 1;
  }
}

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

  .a0ebc,
  .m72aad5 {
    flex: 1 1 100%;
  }

  .b11222,
  .c2fff {
    flex-direction: column;
  }

  .o05b {
    order: -1;
  }
}

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

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

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

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

.e530 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: -0.02em;
}

.e530 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 600px;
}

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

.ha2,
.d3f {
  flex: 1 1 280px;
  min-width: 200px;
}

.ha2 h3,
.d3f h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: -0.02em;
}

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

.a63 li {
  margin: 0;
}

.a63 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: color var(--transition-base);
  display: inline-block;
}

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

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

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

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

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

.e286f7 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.e286f7 li {
  margin: 0;
}

.e286f7 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: color var(--transition-base);
  display: inline-block;
}

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

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

.kf86b4 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d09ad {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  margin: 0;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

  .ha2,
  .d3f {
    flex: 1 1 100%;
  }

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

  .e286f7 a {
    display: block;
  }

  .fecb {
    text-align: left;
  }
}

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

  .dda {
    gap: clamp(1.5rem, 4vw, 2rem);
  }

  .e530,
  .m2e5d3 {
    padding-bottom: clamp(1rem, 2vw, 1.5rem);
    padding-top: clamp(1rem, 2vw, 1.5rem);
  }

  .a63 a,
  .e286f7 a {
    font-size: 0.875rem;
  }

  .d3f p {
    font-size: 0.875rem;
  }
}
    

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

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

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

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

.ob45f6 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3.5rem);
  max-width: 700px;
  width: 100%;
  box-shadow: var(--shadow-md);
  text-align: center;
}

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

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

.kb35 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

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

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

.fdab {
  width: 100%;
}

.lf7377 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

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

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

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

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

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

.i6bae906 {
  align-self: flex-start;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: background var(--transition-base), transform var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

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

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

.h748 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.m617 {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
}

.gfd6209 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  padding: 0 clamp(1rem, 3vw, 1.5rem);
  padding-top: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pdc729 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  padding: 0 clamp(1rem, 3vw, 1.5rem);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h748 .i6bae906 {
  margin: 0 clamp(1rem, 3vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) clamp(1rem, 3vw, 1.5rem);
}

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

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

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

.ma92907 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

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

.pc4c962 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  cursor: pointer;
  background: var(--color-bg-card);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  border: none;
  width: 100%;
  text-align: left;
  transition: background var(--transition-base);
}

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

.pc4c962::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2392400e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: transform var(--transition-base);
  margin-left: 1rem;
  flex-shrink: 0;
}

details[open] .pc4c962::after {
  transform: rotate(180deg);
}

.ff67 {
  padding: 0 clamp(1.25rem, 2vw, 1.75rem) clamp(1.25rem, 2vw, 1.75rem) clamp(1.25rem, 2vw, 1.75rem);
  border-top: 1px solid var(--color-border-light);
  background: var(--color-bg-card);
}

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

@media (min-width: 768px) {
  .e32a3972 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .m2f885c {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .m64a {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .ie07 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .lf7377 {
    flex-direction: row;
  }

  .lc1ae2 {
    width: 50%;
    aspect-ratio: auto;
    min-height: 350px;
  }

  .p5629576 {
    flex: 1;
    justify-content: space-between;
  }

  .e9a {
    justify-content: center;
  }

  .h748 {
    flex: 1 1 calc(33.333% - 1.5rem);
    max-width: 400px;
  }
}

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

  .m2f885c {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .m64a {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .ie07 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .h748 {
    flex: 0 1 calc(33.333% - 1.5rem);
  }
}

.cfa7 {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.e0b {
  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);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.b02d i {
  color: var(--color-accent);
  width: 18px;
  text-align: center;
}

@media (max-width: 768px) {
  .jbe1997 {
    flex-direction: column;
  }
  
  .f8a57a,
  .kbadd2e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.b0c {
  flex: 1 1 65%;
}

.of0d5d {
  flex: 1 1 35%;
}

.o38e {
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

.h1a47 {
  flex: 1;
}

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

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

.k1935e {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-sm);
}

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

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

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

.g46 {
  font-family: var(--font-heading);
  font-size: clamp(1.375rem, 2vw + 0.5rem, 1.75rem);
  font-weight: 700;
  color: var(--color-accent);
}

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

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

.a825 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.75rem;
  line-height: 1.5;
}

.a825 i {
  color: var(--color-accent);
  margin-top: 0.25rem;
  flex-shrink: 0;
}

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

.b81312a li {
  margin-bottom: 0.75rem;
}

.b81312a a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  text-decoration: none;
  line-height: 1.5;
  transition: color 0.3s ease;
}

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

@media (max-width: 1023px) {
  .ld46da9 {
    flex-direction: column;
  }
  
  .b0c {
    flex: 1 1 100%;
  }
  
  .of0d5d {
    flex: 1 1 100%;
  }
}

@media (max-width: 768px) {
  .n40e0 {
    flex-direction: column;
  }
  
  .ebf,
  .n1ae {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.oc7e {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

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

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

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

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

.d8eb0e {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.j72 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.o59ef1a {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-md);
  font-weight: 500;
}

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

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

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

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

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

.e21 {
  max-width: 850px;
  margin: 0 auto;
}

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

.d3d14292 {
  font-size: clamp(0.9rem, 1.2vw, 1.0625rem);
  color: var(--color-text-primary);
  line-height: 1.8;
}

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

.lbd24be,
.f14 {
  background: var(--color-bg-tertiary);
}

.b3a,
.a94,
.n34,
.cc6973,
.a0a31 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

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

.p7f4,
.h4fa68,
.d5855556,
.pc3,
.bd2b99 {
  flex: 1 1 50%;
  max-width: 50%;
}

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

.d46509,
.k6b,
.n48c,
.j1f78b,
.hd20da66 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

.le81 {
  font-size: clamp(0.9rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

.d23 {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
  flex-shrink: 0;
}

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

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

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

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

.g6b6 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  text-align: center;
}

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

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

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

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

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

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

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

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

.o7a5c74 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  transition: var(--transition-base);
  display: inline-block;
  margin-top: auto;
}

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

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

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

.d42 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

.lf9ef1 {
  font-size: clamp(0.9rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

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

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

.k2c9b {
  max-width: 600px;
  margin: 0 auto;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  box-shadow: var(--shadow-md);
}

.mcbb {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

  .kf462c,
  .l5a6f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b3a,
  .a94,
  .n34,
  .cc6973,
  .a0a31 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .d55b,
  .e73ae,
  .cae2fe,
  .ld7f3,
  .m97,
  .p7f4,
  .h4fa68,
  .d5855556,
  .pc3,
  .bd2b99 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .pe91 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 240px;
    max-width: 100%;
  }

  .k2c9b {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .pd886 {
    align-items: center;
  }
}

@media (max-width: 480px) {
  .pe91 {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .m030 {
    flex-wrap: wrap;
    gap: 0.25rem;
  }

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

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

html {
  scroll-behavior: smooth;
}

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

.db1 {
  background: var(--color-bg-primary);
  min-height: 100vh;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.b1c548 {
  flex: 1 1 65%;
  max-width: 65%;
}

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

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

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

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

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

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

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

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

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

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

.je8f74 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
}

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

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

.i1ed44 {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.6;
}

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

.f76df76e {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-warning);
}

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

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

.bbeb4ba {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  border-top: 2px solid var(--color-border-light);
  border-bottom: 2px solid var(--color-border-light);
}

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

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

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

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

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

.j3592 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

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

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

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

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

.g7e63f71 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: all var(--transition-base);
  display: inline-block;
  margin-top: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cf57a {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.6;
  padding-left: 1.5rem;
  position: relative;
}

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

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

.g9f49 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: all var(--transition-base);
  display: inline-block;
  margin-top: 0.5rem;
}

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

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

.k4bd {
  margin: 0;
  padding: 0;
}

.k4bd a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

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

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

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

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

  .n437,
  .j40383c8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .gd755 {
    flex-direction: column;
  }

  .nb9b5ecd,
  .iad9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c9559 {
    flex: 1 1 100%;
  }

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

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

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

  .lfc {
    font-size: 0.75rem;
  }
}

.k2432782 {
  width: 100%;
  overflow: hidden;
  font-family: 'Figtree', sans-serif;
}

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

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

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

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

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

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

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

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

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

.d346f {
  font-family: 'Urbanist', sans-serif;
  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;
  font-weight: 700;
}

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

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

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

.e54e {
  color: var(--color-border);
}

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

.a61 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-lg, 12px);
  display: block;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

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

  .c5e0c,
  .n19 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .a61 {
    max-height: 300px;
  }
}

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

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

.af9652 {
  font-family: 'Urbanist', sans-serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

.ce8a68a6 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg, 12px);
  display: block;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

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

  .a2787c,
  .o9a0a76 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ce8a68a6 {
    max-height: 280px;
  }
}

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

.p92 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg, 12px);
  border-left: 4px solid var(--color-secondary);
  max-width: 800px;
  margin: 0 auto;
  align-items: flex-start;
}

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

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

.iaad83 {
  font-family: 'Urbanist', sans-serif;
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
}

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

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

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

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

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

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

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

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

  .bfd42,
  .f5630 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.df85a9 {
  text-align: center;
}

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

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

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

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

.g3c3335:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

.m14d3c {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
  align-self: flex-start;
}

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

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

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

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

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

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

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

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

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

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

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

.c3b90ff {
  font-family: 'Urbanist', sans-serif;
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  line-height: 1.2;
}

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

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

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

  .oba69f,
  .i9ea28 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

  .m0470e6d,
  .m20 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.b9e36 {
  font-family: 'Urbanist', sans-serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

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

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

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

.ge962b85 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg, 12px);
  border: 1px solid var(--color-border-light);
  align-items: flex-start;
  max-width: 600px;
  margin: 0 auto;
}

.o191 {
  flex-shrink: 0;
}

.ld31 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full, 50%);
  object-fit: cover;
  display: block;
}

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

.g48814 {
  font-family: 'Urbanist', sans-serif;
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  line-height: 1.2;
}

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

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

.bf0338d {
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  color: var(--color-secondary);
  margin: 0;
  font-weight: 600;
}

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

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

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

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

  .le897,
  .nb544c,
  .ea9,
  .b11f880c {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

@media (min-width: 1440px) {
  .i322d {
    padding: 0 clamp(2rem, 5vw, 3rem);
  }
}

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

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

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

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

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

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

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

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

.g955bc {
  text-align: center;
}

.fd4033f {
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  color: var(--color-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 700;
}

.d44 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  line-height: 1.7;
}

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

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

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

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

.d89ea1 {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.75rem;
}

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

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

.k6fed4 p {
  margin-bottom: 1.25rem;
}

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

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

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

.hfc05 {
  text-align: center;
}

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

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

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

.aff0175a {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 8px;
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 320px;
  border-left: 4px solid var(--color-secondary);
  transition: all 0.3s ease;
}

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

.f0e02 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-secondary);
  margin-bottom: 1rem;
}

.edbca4b {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

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

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

.o78 {
  text-align: center;
}

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

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

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

.ec87 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 8px;
  border-top: 3px solid var(--color-secondary);
}

.l63b87c {
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-primary);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

.p4e7f3 {
  width: 100%;
  max-width: 650px;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  margin: 0 auto;
}

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

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

.o639a {
  text-align: center;
}

.ba7c {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 700;
}

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

.c3e267 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
  max-width: 900px;
  margin: 0 auto;
}

.i43ae3 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 160px;
  text-align: center;
}

.b9321 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-secondary);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.pb364 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  color: var(--color-text-primary);
  font-weight: 500;
  line-height: 1.5;
}

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

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

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

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

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

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

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

  .i43ae3 {
    flex: 1 1 100%;
    min-width: auto;
  }

  .ffd {
    align-items: stretch;
  }

  .g955bc {
    text-align: center;
  }
}

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

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

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

  .c3e267 {
    gap: clamp(2rem, 4vw, 3rem);
  }
}

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

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

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

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

  .a8c0b39 {
    width: 100%;
  }

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

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

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

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

  .neb56 {
    width: 100%;
    flex: 1 1 100%;
  }

  .o134 {
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: cover;
    border-radius: clamp(0.5rem, 1vw, 1rem);
    display: block;
  }

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

  .c0a {
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    color: var(--color-accent);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

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

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

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

  @media (min-width: 768px) {
    .jae6a {
      flex-direction: row;
      align-items: center;
    }

    .neb56 {
      flex: 1 1 45%;
    }

    .i0c8 {
      flex: 1 1 50%;
    }

    .o134 {
      max-height: 500px;
    }
  }

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

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

  .m9bb8c9 {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: clamp(0.5rem, 1vw, 1rem);
  }

  .jbca {
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    color: var(--color-accent);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

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

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

  .cef {
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid var(--color-border-light);
    transition: all var(--transition-base);
  }

  .cef:hover {
    box-shadow: 0 4px 16px rgba(148, 64, 14, 0.1);
    transform: translateY(-2px);
  }

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

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

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

  @media (min-width: 768px) {
    .mf1 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: clamp(1.5rem, 3vw, 2rem);
      grid-auto-flow: dense;
    }

    .cef {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }
  }

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

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

  .ef27ab02 {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: clamp(0.5rem, 1vw, 1rem);
  }

  .kf36db10 {
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    color: var(--color-accent);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

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

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

  .e908 {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 2.5vw, 2rem);
    flex-wrap: wrap;
    justify-content: center;
  }

  .j61 {
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 2.5vw, 2rem);
    border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
    border: 1px solid var(--color-border-light);
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1.25rem);
    transition: all var(--transition-base);
    text-align: center;
  }

  .j61:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(148, 64, 14, 0.15);
    border-color: var(--color-accent);
  }

  .l0660 {
    font-size: clamp(2rem, 4vw, 2.75rem);
    color: var(--color-accent);
    display: flex;
    justify-content: center;
  }

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

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

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

  @media (min-width: 1024px) {
    .e908 {
      grid-template-columns: repeat(5, 1fr);
    }
  }

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

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

  .pabd {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: clamp(0.5rem, 1vw, 1rem);
  }

  .m6bfba {
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    color: var(--color-accent);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

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

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

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

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

  .mdde {
    font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.5rem);
    color: var(--color-text-primary);
    line-height: 1.3;
    margin-top: clamp(0.5rem, 1vw, 1rem);
  }

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

  .m18b6 {
    width: 100%;
    flex: 1 1 100%;
  }

  .aae0396 {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 3vw, 2.5rem);
    border-left: 4px solid var(--color-accent);
    border-radius: clamp(0.5rem, 1vw, 0.75rem);
  }

  .obedce {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
    color: var(--color-text-primary);
    line-height: 1.6;
    font-style: italic;
  }

  .k9510c02 {
    font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 0.9375rem);
    color: var(--color-text-secondary);
    margin-top: clamp(1rem, 1.5vw, 1.5rem);
    font-weight: 500;
  }

  @media (min-width: 768px) {
    .ja3bd {
      flex-direction: row;
      gap: clamp(2.5rem, 5vw, 4rem);
    }

    .ec04a2c {
      flex: 1 1 50%;
    }

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

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

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

  .pe10 {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: clamp(0.5rem, 1vw, 1rem);
  }

  .ec4b58 {
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    color: var(--color-accent);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

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

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

  .a205b28 {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 2.5vw, 2rem);
    flex-wrap: wrap;
    justify-content: center;
  }

  .l176d {
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 2.5vw, 2rem);
    border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
    border: 1px solid var(--color-border-light);
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1rem);
    transition: all var(--transition-base);
  }

  .l176d:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(148, 64, 14, 0.15);
    border-color: var(--color-accent);
  }

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

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

  .ice {
    font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 1rem);
    color: var(--color-accent);
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    transition: all var(--transition-base);
  }

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

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

  @media (min-width: 1024px) {
    .a205b28 {
      grid-template-columns: repeat(4, 1fr);
    }
  }

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

  .e2b {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .f63c {
    background: var(--color-accent);
    padding: clamp(2rem, 4vw, 3.5rem);
    border-radius: clamp(1rem, 2vw, 1.5rem);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
    width: 100%;
    max-width: 600px;
  }

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

  .n1e5 {
    font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
    color: var(--color-text-on-accent);
    line-height: 1.6;
    opacity: 0.95;
  }

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

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

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

  .n72c224:hover {
    background: var(--color-bg-primary);
    opacity: 0.95;
  }

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

  .df4c4fb0:hover {
    background: rgba(255, 251, 235, 0.1);
  }

  @media (min-width: 768px) {
    .c068 {
      flex-direction: row;
      justify-content: center;
      gap: clamp(1rem, 2vw, 1.5rem);
    }

    .n72c224,
    .df4c4fb0 {
      flex: 0 1 auto;
      min-width: 180px;
    }
  }

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

.bd9 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-bottom: 1px solid var(--color-border-light);
}

.ff3847c {
  max-width: 600px;
}

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

.k90ca51 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.n05 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.e0a575 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.nf134591 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: var(--shadow-sm);
}

.nf134591:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

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

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

.nf134591:hover .df56 img {
  transform: scale(1.03);
}

.g7ce3 {
  padding: var(--spacing-lg);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.n60 {
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-sm);
  width: fit-content;
}

.k43b3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

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

.jd9a17dd {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
  border-top: 1px solid var(--color-border-light);
}

.n2d33133 {
  max-width: 600px;
  margin: 0 auto;
}

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

.h0fafe {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.mcd14 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.mcd14:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 768px) {
  .bd9 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 250px;
  }

  .n05 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .e0a575 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .df56 {
    height: 240px;
  }

  .jd9a17dd {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .bd9 {
    padding: 5rem var(--spacing-lg);
    min-height: 280px;
  }

  .n05 {
    padding: 5rem var(--spacing-lg);
  }

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

  .df56 {
    height: 260px;
  }

  .nf134591:nth-child(4) {
    grid-column: 1 / 2;
  }

  .jd9a17dd {
    padding: 5rem var(--spacing-lg);
  }
}

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

.fb0 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.ma4 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.p030f088 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .fb0 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .fb0 {
    padding: 5rem var(--spacing-xl);
  }
}

.h1718 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.i4b9543 {
  max-width: 1200px;
  margin: 0 auto;
}

.l8726 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .l8726 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .h1718 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .l8726 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .h1718 {
    padding: 4rem var(--spacing-xl);
  }
}

.d02265 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

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

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

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

.l2d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  flex-grow: 1;
}

.ned5d14 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.h2a3c37 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.p3e4 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.j129 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
}

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

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

@media (min-width: 768px) {
  .ned5d14 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ned5d14 {
    padding: 4rem var(--spacing-xl);
  }
}

.ae91 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.j942 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .j942 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl);
  }

  .ae91 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ae91 {
    padding: 4rem var(--spacing-xl);
  }
}

.n170827 {
  margin: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.n170827 img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 5 / 4;
  object-fit: cover;
}

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

.j16896 .i322d {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.j16896 .kc55be3 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.j16896 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.j16896 .o34 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  display: block;
}

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

.j16896 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);
}

.j16896 ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: var(--spacing-md);
}

.j16896 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

.j16896 .o31de0 {
  margin-bottom: var(--spacing-2xl);
}

.j16896 .c2944 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-top: var(--spacing-2xl);
}

.j16896 .c2944 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.j16896 .c2944 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

@media (min-width: 768px) {
  .j16896 .kc55be3 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .j16896 .kc55be3 {
    padding: var(--spacing-3xl) 0;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

.a1ddc68 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
}

.i82 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.e32a85b3 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.p735535 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.p735535 svg {
  width: clamp(60px, 12vw, 100px);
  height: clamp(60px, 12vw, 100px);
  color: var(--color-success);
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.mb0 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  font-family: var(--font-heading);
}

.pad24 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

.da16 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-xl);
}

.p9d32bc {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.3px;
}

.l4ff698 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.l4ff698:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .i82 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }
  
  .i322d {
    padding: 0 var(--spacing-lg);
  }
  
  .e32a85b3 {
    max-width: 700px;
  }
}

@media (min-width: 768px) {
  .i82 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
  
  .p735535 {
    margin-bottom: var(--spacing-xl);
  }
  
  h1 {
    margin-bottom: var(--spacing-lg);
  }
  
  .mb0 {
    margin-bottom: var(--spacing-lg);
  }
  
  .pad24 {
    margin-bottom: var(--spacing-lg);
  }
  
  .da16 {
    margin-bottom: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .i82 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    min-height: 100vh;
  }
  
  .i322d {
    padding: 0 var(--spacing-xl);
  }
  
  .e32a85b3 {
    max-width: 750px;
  }
  
  .l4ff698:hover {
    box-shadow: var(--shadow-xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .e32a85b3 {
    animation: none;
  }
  
  .p735535 svg {
    animation: none;
  }
  
  .p9d32bc {
    transition: none;
  }
  
  .l4ff698:hover {
    transform: none;
  }
}

.oef1415 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

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

.i322d {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.i773ac0 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  align-items: center;
  text-align: center;
}

.a510815 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.ia94b {
  position: relative;
  width: 100%;
  max-width: 280px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.i2b8 {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 15vw, 10rem);
  font-weight: 800;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 2;
}

.bd6d {
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 30% 30%,
    var(--color-primary-light),
    transparent 70%
  );
  border-radius: 50%;
  opacity: 0.15;
  z-index: 1;
  animation: pulse-glow 3s ease-in-out infinite;
}

@keyframes pulse-glow {
  0%, 100% {
    transform: scale(1);
    opacity: 0.15;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.25;
  }
}

.g1b834 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  width: 100%;
}

.l45 {
  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;
  margin: 0;
}

.i67d4 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

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

.h62 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
  text-align: left;
}

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

.gdae {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.gdae li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
  line-height: 1.6;
}

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

.h00966 {
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
  margin-top: var(--spacing-lg);
}

.p9d32bc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
  line-height: 1.5;
  min-height: 48px;
  letter-spacing: 0.3px;
}

.l4ff698 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.l4ff698:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 640px) {
  .ia94b {
    max-width: 320px;
  }

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

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

@media (min-width: 768px) {
  .oef1415 {
    padding: var(--spacing-lg) 0;
  }

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

  .i2b8 {
    font-size: clamp(6rem, 16vw, 10rem);
  }

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

@media (min-width: 1024px) {
  .i322d {
    padding: 0 var(--spacing-lg);
  }

  .ia94b {
    max-width: 360px;
  }

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

  .p9d32bc {
    padding: var(--spacing-md) var(--spacing-2xl);
    font-size: clamp(1rem, 1.2vw, 1.125rem);
    min-height: 52px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bd6d {
    animation: none;
    opacity: 0.15;
  }

  .p9d32bc {
    transition: none;
  }

  .p9d32bc:hover {
    transform: none;
  }
}

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

.fdf2f {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

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

.od6b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  letter-spacing: -0.02em;
}

.mff8 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
}

@media (min-width: 768px) {
  .fdf2f {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .fdf2f {
    padding: 5rem var(--spacing-xl);
  }
}

.aa2d533d {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.e2e1 {
  width: 100%;
}

.p0a {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  width: 100%;
}

.b16303 {
  flex: 1 1 100%;
  width: 100%;
}

.m0c22 {
  flex: 1 1 100%;
  width: 100%;
}

@media (min-width: 768px) {
  .p0a {
    flex-direction: row;
    gap: 4rem;
    align-items: flex-start;
  }

  .b16303 {
    flex: 1 1 45%;
    width: 100%;
  }

  .m0c22 {
    flex: 1 1 45%;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .aa2d533d {
    padding: 4rem var(--spacing-lg);
  }

  .p0a {
    gap: 5rem;
  }
}

.i5fc50 {
  margin-bottom: 2rem;
}

.p4b9e2e {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

.g6dc {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.lbf5 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.a0ddf {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.m91c6d {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

.o0bd1d16,
.e48e2958 {
  font-family: var(--font-primary);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  transition: all var(--transition-fast);
}

.o0bd1d16::placeholder,
.e48e2958::placeholder {
  color: var(--color-text-muted);
}

.o0bd1d16:focus,
.e48e2958:focus {
  outline: none;
  background-color: var(--color-bg-card);
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.e48e2958 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.l78fdc6d {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.l2c5d {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.35rem, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.mc591a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

.mc591a:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.d0bf {
  font-family: var(--font-heading);
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-fast);
  letter-spacing: -0.01em;
}

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

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

.d0bf:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.p268ca {
  margin-bottom: 2.5rem;
}

.ef0b8 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

.a84858fb {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.a5d {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 3rem;
}

.dc86ea51 {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

.dc1c {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: 1.5rem;
}

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

.l4a80f {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}

.f0dc36 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-fast);
  line-height: 1.6;
}

.f0dc36:hover {
  color: var(--color-primary);
}

.pdd51 {
  background-color: var(--color-bg-card);
  padding: 1.5rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

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

.c2c32d6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.i4b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.i1d0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
}

.g53dd4c3 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.gc699c5 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  align-items: center;
}

.m1bb1 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  letter-spacing: -0.02em;
  max-width: 600px;
}

.jec159 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  max-width: 600px;
}

.e41d6e {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

@media (min-width: 640px) {
  .e41d6e {
    flex-direction: row;
    justify-content: center;
  }
}

.nd2141c5 {
  font-family: var(--font-heading);
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  font-weight: 700;
  text-decoration: none;
  transition: all var(--transition-fast);
  display: inline-block;
  letter-spacing: -0.01em;
}

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

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

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

.p777b:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .aa2d533d {
    padding: 4rem var(--spacing-lg);
  }

  .g53dd4c3 {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .aa2d533d {
    padding: 5rem var(--spacing-xl);
  }

  .g53dd4c3 {
    padding: 5rem var(--spacing-xl);
  }
}
.i07c,.o0bc5{
  width: 34px;
}

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

.c5481{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .c5481{
    max-width: 100%;
  }
}

.c5481.d56{
  z-index: 999;
}

.i07c[aria-expanded="true"]{
  display: none;
}