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

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

  --color-text-primary: #422006;
  --color-text-secondary: #713f12;
  --color-text-muted: #8d6002;

  --color-primary: #a16207;
  --color-primary-hover: #854d0e;
  --color-primary-light: #d4a574;
  --color-secondary: #eab308;
  --color-secondary-light: #f4d963;

  --color-success: #65a30d;
  --color-warning: #d97706;
  --color-danger: #dc2626;

  --color-border: #e5d4b8;
  --color-border-light: #f0e8dc;

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'Plus Jakarta Sans', sans-serif;

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

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

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

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

  
  --color-accent: var(--color-primary);
  --color-accent-hover: var(--color-primary-hover);
  --color-accent-dark: var(--color-accent-hover);
  --color-primary-dark: var(--color-accent-dark);
  --color-accent-light: var(--color-primary-light);
  --color-secondary-hover: var(--color-secondary-light);
  --color-text-on-accent: #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: 1rem;
  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: 700;
  line-height: 1.2;
  color: var(--color-text-primary);
}

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

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

h3 {
  font-size: 1.875rem;
  letter-spacing: -0.005em;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
  font-weight: 600;
}

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

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

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

button, [role="button"] {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
}

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

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

.d75f {
  background: var(--color-secondary);
  color: var(--color-text-primary);
}

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

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

.b93:hover {
  background: var(--color-primary-light);
  color: #ffffff;
  border-color: var(--color-primary-hover);
}

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

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

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

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

.gdfab:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

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

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

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

.aba866 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

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

.c6a2a {
  background: var(--color-secondary-light);
  color: var(--color-text-primary);
}

.n321e487 {
  background: rgba(101, 163, 13, 0.1);
  color: var(--color-success);
}

.n391 {
  background: rgba(217, 119, 6, 0.1);
  color: var(--color-warning);
}

.f7512ea {
  background: rgba(220, 38, 38, 0.1);
  color: var(--color-danger);
}

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

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

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

.ode {
  font-size: 0.75rem;
  line-height: 1;
}

.g96 {
  font-size: 0.875rem;
  line-height: 1.25;
}

.g08d {
  font-size: 1rem;
  line-height: 1.5;
}

.c5f92 {
  font-size: 1.125rem;
  line-height: 1.75;
}

.k256 {
  font-size: 1.25rem;
  line-height: 1.75;
}

.p899 {
  text-align: center;
}

.odf86 {
  text-align: left;
}

.m0a8 {
  text-align: right;
}

.h9ecc74 {
  font-weight: 700;
}

.hae0857 {
  font-weight: 600;
}

.k5c {
  font-weight: 500;
}

.acaf8 {
  font-weight: 400;
}

.ib81e { margin-top: var(--spacing-xs); }
.ba0 { margin-top: var(--spacing-sm); }
.ef3 { margin-top: var(--spacing-md); }
.e90d { margin-top: var(--spacing-lg); }
.i5b { margin-top: var(--spacing-xl); }
.k4b0 { margin-top: var(--spacing-2xl); }
.l92 { margin-top: var(--spacing-3xl); }

.bbf65c4 { margin-bottom: var(--spacing-xs); }
.g0b8f80 { margin-bottom: var(--spacing-sm); }
.a32f35c { margin-bottom: var(--spacing-md); }
.g117057 { margin-bottom: var(--spacing-lg); }
.j0d503d { margin-bottom: var(--spacing-xl); }
.h25 { margin-bottom: var(--spacing-2xl); }
.j5436 { margin-bottom: var(--spacing-3xl); }

.ae0 { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); }
.m6689 { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.ibe42d { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.hba831b2 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.fc06 { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }
.c0f1 { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl); }
.o97042 { padding-top: var(--spacing-3xl); padding-bottom: var(--spacing-3xl); }

.pe9678 { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); }
.ked { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.h6823a87 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.a23e0 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.c99f { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }
.ad277c5a { padding-left: var(--spacing-2xl); padding-right: var(--spacing-2xl); }
.p065 { padding-left: var(--spacing-3xl); padding-right: var(--spacing-3xl); }

.o55b7c { gap: var(--spacing-xs); }
.pb636 { gap: var(--spacing-sm); }
.h15 { gap: var(--spacing-md); }
.i7ab422 { gap: var(--spacing-lg); }
.m7e1 { gap: var(--spacing-xl); }
.a41f6 { gap: var(--spacing-2xl); }
.f6a250 { gap: var(--spacing-3xl); }

.j64c {
  display: flex;
}

.i248 {
  flex-direction: column;
}

.j369daa {
  flex-wrap: wrap;
}

.o91eb {
  align-items: flex-start;
}

.b844 {
  align-items: center;
}

.c6487 {
  align-items: flex-end;
}

.hee154df {
  justify-content: flex-start;
}

.h1d9 {
  justify-content: center;
}

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

.gcc {
  justify-content: flex-end;
}

.c91cb {
  display: grid;
}

.bfb6 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

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

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

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

.h5f {
  display: none;
}

.m671e {
  display: block;
}

.o6e16c {
  display: inline-block;
}

.b971fb65 {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pf41c6a3 {
  width: 100%;
}

.n8d255e5 {
  height: 100%;
}

.fb3e {
  opacity: 0.5;
}

.ge45b78 {
  opacity: 0.75;
}

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

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

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="search"]::placeholder,
textarea::placeholder {
  color: var(--color-text-muted);
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .e09 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

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

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

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .e09 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .d5d3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .c2556cf4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .n144 {
    padding: var(--spacing-sm) var(--spacing-lg);
    font-size: 1rem;
  }
}
.f7f9b38c {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 100;
  top: 0;
  left: 0;
}

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

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

.g730:hover {
  opacity: 0.85;
}

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

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

.c57 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 2.5rem;
  flex: 1;
  justify-content: center;
}

.b818e4 {
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  position: relative;
}

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

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

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

.f4ad35 {
  display: none;
  padding: 0.75rem 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: 0.9375rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--transition-base), transform var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

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

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

.g1b[aria-expanded="true"] .a91893:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.g1b[aria-expanded="true"] .a91893:nth-child(2) {
  opacity: 0;
}

.g1b[aria-expanded="true"] .a91893:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

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

.p5c99.g602 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

.i5fff8b {
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

.j0e428 {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  padding: 1rem 0;
  overflow-y: auto;
}

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

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

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

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

@media (min-width: 768px) {
  .lb1cbb {
    gap: 1.5rem;
  }

  .c57 {
    display: flex;
  }

  .f4ad35 {
    display: block;
  }

  .g1b {
    display: none;
  }

  .p5c99 {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .c57 {
    gap: 3rem;
  }

  .b818e4 {
    font-size: 1rem;
  }
}

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

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

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

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

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

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

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

.nd2e4 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  line-height: 1.4;
}

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

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

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

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

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

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

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

.a897ae {
  flex: 1 1 45%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1rem, 2vw, 1.5rem);
  grid-template-areas:
    "large medium"
    "large small";
}

.pf1d6e {
  grid-area: large;
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-md);
}

.ha0 {
  grid-area: medium;
  width: 100%;
  height: auto;
  max-height: 250px;
  object-fit: cover;
  border-radius: var(--radius-md);
}

.m2139f {
  grid-area: small;
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: cover;
  border-radius: var(--radius-md);
}

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

  .d45c34d9 {
    flex: 1 1 100%;
  }

  .a897ae {
    flex: 1 1 100%;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "large large"
      "medium small";
  }
}

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

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

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

.n6d2ad3c {
  flex: 1 1 45%;
}

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

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

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

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

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

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

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

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

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

  .n6d2ad3c {
    flex: 1 1 100%;
  }

  .bfc8 {
    flex: 1 1 100%;
  }

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

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

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

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

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

.ef6518e {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  line-height: 1.4;
}

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

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

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

.k220 {
  flex: 1 1 45%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid var(--color-border-light);
}

.p5c9 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-accent);
  text-align: center;
}

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

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

.hc5a600d {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  justify-content: center;
}

.k587bf {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 500;
}

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

  .aed2b3 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

.jcbe {
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  text-align: center;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

.bf1a8 {
  flex: 1 1 50%;
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}

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

.i2e {
  display: inline-block;
  background: var(--color-accent-light);
  color: var(--color-text-primary);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  width: fit-content;
}

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

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

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

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

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

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

.m30ac72 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(0.75rem, 1.5vw, 1rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  color: var(--color-text-secondary);
  border-left: 3px solid transparent;
  transition: all 0.3s ease;
}

.m30ac72:hover {
  border-left-color: var(--color-accent);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
}

.d7b55 {
  flex: 1;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.5;
}

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

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

  .bf1a8 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

.nd3 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

.i28a90 {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-accent);
  font-weight: 700;
  min-width: 50px;
}

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

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

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

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

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

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

.m064 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  color: #ffffff;
  font-weight: 700;
  line-height: 1.2;
}

.c89c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.6;
}

.p85 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(2rem, 4vw, 3rem);
  justify-content: space-around;
}

.id2 {
  flex: 1 1 calc(50% - 1.5rem);
  min-width: 150px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.n9d0 {
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  font-family: var(--font-heading);
  color: var(--color-secondary);
  font-weight: 700;
}

.m0215 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.5;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p4f2f25a {
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.d719c8 {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  font-family: var(--font-heading);
  padding-bottom: clamp(0.75rem, 1.5vw, 1rem);
  border-bottom: 2px solid var(--color-accent);
}

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

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

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

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

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

.ecd54e {
  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: space-between;
  gap: clamp(1rem, 2vw, 1.5rem);
  overflow: hidden;
}

.ecd54e.h5f {
  display: none;
}

.fc4eec {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: 1.5;
  flex: 1 1 auto;
  min-width: 200px;
}

.p5a {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  flex-wrap: wrap;
  flex-shrink: 0;
}

.ce1a44,
.i09 {
  padding: clamp(0.625rem, 1.25vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
}

.ce1a44 {
  background: var(--color-secondary);
  color: var(--color-text-primary);
}

.ce1a44:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}

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

.i09:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

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

  .fc4eec {
    text-align: center;
  }

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

  .ce1a44,
  .i09 {
    flex: 1 1 calc(50% - 0.5rem);
    min-width: 120px;
  }
}

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

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

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

.ddc740b {
  display: block;
  max-width: 520px;
}

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

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

.od35dba7,
.l3385c,
.g20 {
  display: block;
}

.od35dba7 h4,
.l3385c h4,
.g20 h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.125rem);
  font-weight: 600;
  margin: 0 0 clamp(0.75rem, 2vw, 1rem) 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.l45ec6 li,
.l7069a li {
  display: block;
}

.od35dba7 a,
.g20 a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.od35dba7 a:hover,
.g20 a:hover {
  color: var(--color-accent);
}

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

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

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

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

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

@media (min-width: 768px) {
  .ka3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2.5rem, 6vw, 4rem);
  }

  .ddc740b {
    flex: 1 1 280px;
  }

  .od35dba7,
  .l3385c,
  .g20 {
    flex: 0 1 180px;
  }

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

@media (min-width: 1024px) {
  .ddc740b {
    flex: 1 1 320px;
  }

  .od35dba7,
  .l3385c,
  .g20 {
    flex: 0 1 160px;
  }
}
    

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

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

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

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

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

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

.b933f77 {
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.iee5 {
  background: var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.ga449a {
  font-size: clamp(0.875rem, 1.5vw, 1.0625rem);
  color: var(--color-text-on-accent);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.bf280 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.875rem, 1.5vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base) ease;
  flex: 1 1 280px;
  min-height: 100%;
  border: 1px solid var(--color-border-light);
}

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

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

.h2de {
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 2vw + 0.25rem, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.3;
}

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

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

.fa4b,
.h5e6,
.ma6 {
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.fa4b i,
.h5e6 i,
.ma6 i {
  color: var(--color-accent);
  width: 1em;
}

.k16 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base) ease;
  align-self: flex-start;
}

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

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

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

.pa5 {
  background: var(--color-bg-tertiary);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
}

.ke1fbcc {
  font-family: var(--font-heading);
  font-size: clamp(1.375rem, 3.5vw + 0.25rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .p807 {
    gap: clamp(2.5rem, 5vw, 4rem);
  }

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

  .bf280 {
    flex: 1 1 320px;
    max-width: 380px;
  }

  .ddb {
    gap: clamp(1.25rem, 3vw, 2rem);
  }
}

@media (min-width: 1024px) {
  .o2a3b {
    padding: clamp(6rem, 14vw, 12rem) 0;
  }

  .neb8a1b {
    gap: clamp(2.5rem, 5vw, 3.5rem);
  }

  .bf280 {
    flex: 1 1 340px;
    max-width: 420px;
  }

  .pa5 {
    padding: clamp(2.5rem, 5vw, 4rem);
  }
}

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

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

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

.h613e {
  width: 100%;
}

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

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

.d584d088 {
  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.95rem);
}

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

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

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

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

.cec {
  max-width: 800px;
}

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

.b3b {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.3rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  font-weight: 400;
}

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

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

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

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

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

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

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

.c0e4 {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k150 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

.k5dd5 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  font-size: 1.5rem;
  color: var(--color-accent);
}

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

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

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

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

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

.f8da li {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  padding-left: 1.25rem;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

.i81bd6d2 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

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

.a60f89c1 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.ob2b {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: 1.5rem;
  font-weight: 700;
  border-radius: var(--radius-md);
}

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

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

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

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

.ad7 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 clamp(0.75rem, 1vw, 1rem) 0;
}

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

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

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

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

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

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

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

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

.n63b {
  width: 100%;
  max-height: 200px;
  overflow: hidden;
}

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

.m82c0b0:hover .n63b img {
  transform: scale(1.05);
}

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

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

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

@media (max-width: 1023px) {
  .e6e126,
  .k52 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .o75,
  .b45,
  .if90b,
  .laeef30 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .if90b {
    order: 2;
  }

  .laeef30 {
    order: 1;
  }

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

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

@media (max-width: 768px) {
  .ceb5e85 {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

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

  .pd8 {
    align-items: center;
  }

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

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

  .ob2b {
    margin: 0 auto;
  }

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

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

@media (max-width: 480px) {
  .d584d088 {
    flex-direction: column;
    gap: 0.25rem;
  }

  .d584d088 span {
    display: none;
  }

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

  .o4c,
  .m0067c,
  .i17036,
  .p3bc55,
  .na2427,
  .jcade {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.aafb5c2d i {
  color: var(--color-accent);
  width: 1.25rem;
  text-align: center;
}

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

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

  .e4bd2,
  .h7f2b9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.a40 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.ida53 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

.lbde02bd {
  flex: 1 1 55%;
  max-width: 55%;
}

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

.d14fae83 {
  flex: 1 1 45%;
  max-width: 45%;
}

.pb6c950c {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

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

.ob977c24 {
  list-style: none;
}

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

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

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

  .lbde02bd,
  .d14fae83 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .gf07525,
  .c721b9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

.g24b30 {
  text-align: center;
}

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

.i8e5e1d {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

.k95d399 {
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
}

.k95d399:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.e700bf3 {
  max-width: 1000px;
  margin: 0 auto;
}

.ab1a8c {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

  .be567b,
  .l0fc {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ab1a8c {
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

  .pd28e {
    gap: 1.5rem;
  }

  .p24a17,
  .ob69bb {
    gap: 1.5rem;
  }

  .l0c8da0 {
    gap: 0.75rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.e4fafb6a {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  overflow: hidden;
}

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

.f8d5b0 {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.o9c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

.a167ba0 {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

.ja0 {
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.m822726f {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

.h24c1 {
  flex: 1;
}

.n43 {
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.o61c1e:hover .deae img {
  transform: scale(1.05);
}

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

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

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

.p03dc5cd {
  display: inline-block;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-base);
  margin-top: 0.5rem;
}

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

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

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

.h40dbf7 {
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 1rem;
}

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

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

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

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

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

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

.i6e:last-of-type {
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.c95 {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.h7464d4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  transition: all var(--transition-base);
  font-family: var(--font-primary);
}

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

@media (max-width: 1023px) {
  .b96b,
  .n9c,
  .hbdb5b1,
  .b448e9 {
    flex-direction: column;
    align-items: stretch;
  }

  .j5c2,
  .bc24e81,
  .g825c1ad,
  .ib716d28,
  .ncdf168,
  .i2e8,
  .l9b697e,
  .pfd4389e {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .i2e8 {
    order: 0;
  }
}

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

  .ned5 {
    flex-direction: row;
  }

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

@media (max-width: 480px) {
  .o1e1df {
    font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  }

  .h067 {
    width: 40px;
    height: 40px;
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  }

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

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

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

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

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

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

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

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

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

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

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

.db2 {
  font-size: clamp(0.9375rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
}

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

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

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

.c2249 {
  width: 100%;
  min-height: 300px;
  max-height: 500px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

.e36 {
  font-size: clamp(1rem, 1.2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.a4d em {
  color: var(--color-accent);
  font-style: italic;
}

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

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

.p5a5a {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  flex-shrink: 0;
}

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

.l9d52d4 {
  font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.gdc7fe {
  font-size: clamp(0.9375rem, 1.1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: 1.75rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.a9e4587 {
  overflow-x: auto;
  margin: 1.5rem 0;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

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

.j07 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  font-weight: 600;
  padding: clamp(0.75rem, 1vw, 1rem);
  text-align: left;
  font-size: clamp(0.875rem, 1vw, 1rem);
  border-bottom: 2px solid var(--color-border);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cd13db9a {
  padding: clamp(0.75rem, 1vw, 1rem);
  border-bottom: 1px solid var(--color-border-light);
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ff86308 {
  text-align: center;
}

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

.ecfadab {
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

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

.la14 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 2vw, 2rem);
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  max-width: 400px;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.b5c9ad {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

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

.i928a6 {
  font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.e97f i {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-warning);
}

.a1d8 {
  font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.m4bc304 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 3vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  border: 2px solid var(--color-border-light);
}

.fd5077 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o3aac7 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1vw, 1rem);
  font-weight: 600;
  transition: background var(--transition-fast), transform var(--transition-fast);
}

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

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

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

  .n08,
  .kc43522 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .i14eb {
    width: 70px;
    height: 70px;
    min-width: 70px;
  }

  .la14 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem) / 2);
    max-width: none;
  }

  .fd8e8 {
    flex-direction: row;
  }

  .p5a5a {
    min-width: 50px;
    height: 50px;
  }
}

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

  .fd8e8 {
    gap: 0.75rem;
  }

  .pb6f {
    gap: 0.75rem;
  }

  .ea46275 {
    font-size: clamp(0.75rem, 1vw, 0.8125rem);
  }
}

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.e5dabc82 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

.j324f {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 10px;
  border: 1px solid var(--color-border-light);
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 350px;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.j324f:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(161, 98, 7, 0.12);
}

.lfad {
  font-size: 2rem;
  color: var(--color-primary);
}

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

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

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

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

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

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

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

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

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

.i007ad3b {
  flex: 1 1 50%;
  min-width: 0;
  width: 100%;
  height: auto;
  max-height: 450px;
  border-radius: 10px;
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

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

.l2da {
  flex-shrink: 0;
  width: clamp(3.5rem, 6vw, 4.5rem);
  height: clamp(3.5rem, 6vw, 4.5rem);
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  flex-direction: column;
}

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

.f8e {
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.4;
}

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

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

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

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

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

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

.fa0e {
  width: 100%;
  max-width: 800px;
  height: auto;
  max-height: 400px;
  border-radius: 10px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

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

.b3beab {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 800px;
}

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

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

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

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

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

  .h307 {
    flex: 1 1 100%;
  }

  .i007ad3b {
    flex: 1 1 100%;
    max-height: 300px;
  }

  .g48d {
    gap: 1rem;
  }

  .l2da {
    width: 3rem;
    height: 3rem;
    font-size: 1.1rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bd0 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

.oe6 {
  flex: 1 1 50%;
  width: 100%;
}

.jeee857 {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(66, 32, 6, 0.1);
}

@media (min-width: 768px) {
  .jeee857 {
    min-height: 400px;
    max-height: 500px;
    object-fit: cover;
  }
}

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

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

.o680 {
  text-align: center;
}

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

.hb4764 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

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

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

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

.n20c1 {
  text-align: center;
}

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

.hd537a {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

@media (min-width: 768px) {
  .n42 {
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

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

.n9e06b {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.5rem);
  font-weight: 800;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

.c29 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
}

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

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

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

.ndf2 {
  text-align: center;
}

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

.k722 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

@media (min-width: 768px) {
  .o2aa {
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

.l7eae4 {
  flex: 1 1 calc(50% - 0.75rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-top: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
}

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

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

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

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

.gda69e3 {
  text-align: center;
}

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

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

@media (min-width: 768px) {
  .h2947c7 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

.d6c436d {
  flex: 1 1 calc(50% - 0.75rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  min-height: fit-content;
}

@media (min-width: 1024px) {
  .d6c436d {
    flex: 1 1 calc(25% - 1.125rem);
  }
}

.o5b501a {
  font-size: clamp(1.5rem, 2vw + 0.5rem, 2rem);
  color: var(--color-accent);
  width: fit-content;
}

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

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

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

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

.f2e {
  text-align: center;
}

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

.id2efdcf {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

@media (min-width: 768px) {
  .le4d2600 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: clamp(1.5rem, 2vw, 2rem);
  }
}

.c92 {
  flex: 1 1 calc(50% - 0.75rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 8px;
  border-left: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

@media (min-width: 1024px) {
  .c92 {
    flex: 1 1 calc(25% - 1.125rem);
  }
}

.c92:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(66, 32, 6, 0.12);
}

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

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

.pae {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  display: inline-block;
  padding: 0.25rem 0;
  border-bottom: 2px solid transparent;
  transition: all var(--transition-base);
}

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

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

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

.k858fc4 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
  border-radius: 12px;
  padding: clamp(2rem, 4vw, 3rem);
  text-align: center;
  max-width: 700px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

.g835ac4 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  justify-content: center;
}

@media (min-width: 768px) {
  .g835ac4 {
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

.kb4921 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 6px;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
  text-align: center;
  flex: 1 1 auto;
}

@media (min-width: 768px) {
  .kb4921 {
    flex: 0 1 auto;
  }
}

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

.mf536:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(161, 98, 7, 0.2);
}

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

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

@media (max-width: 767px) {
  .f8c03 {
    order: 2;
  }

  .oe6 {
    order: 1;
  }
}

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

.l39 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.mb722b64 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
  font-weight: 400;
}

@media (min-width: 768px) {
  .l39 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

.ma9aa {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.f99cdc {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin: 0;
}

@media (min-width: 768px) {
  .f99cdc {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .ma9aa {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .f99cdc {
    grid-template-columns: repeat(3, 1fr);
  }

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

.j5cef7 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.j5cef7:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

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

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

.i15a8a {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.l5cd332 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.a5ad62 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.l82ca {
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex: 1;
}

.m202 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  margin-top: auto;
}

.jaae {
  font-size: 0.85rem;
  color: var(--color-text-muted);
  padding-left: var(--spacing-sm);
  position: relative;
}

.jaae::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-primary);
}

.b18 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

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

.gb04d0e {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.lc14 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.lc14:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .b18 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .b18 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

@media (max-width: 480px) {
  .m1d {
    height: 160px;
  }

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

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

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

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

.gf1fb092 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.h96f895b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .gf1fb092 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .gf1fb092 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.kd47 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.h811f9 {
  max-width: 900px;
  margin: 0 auto;
}

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

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

.hb6a2:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-sm);
}

.oe2d88 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-lg) var(--spacing-md);
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
  transition: color var(--transition-fast);
}

.oe2d88:hover {
  color: var(--color-primary);
}

.oe2d88:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.c1c308f {
  flex: 1;
}

.c73 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.5rem;
  line-height: 1;
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

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

.lb8 {
  padding: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
  animation: slideDown var(--transition-base) ease-out forwards;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.lb8 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

@media (min-width: 768px) {
  .kd47 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .kd47 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.j3892d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.l59a116a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.eb5475 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.eb5475:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .j3892d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .j3892d {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

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

.c9a08 .i717 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.c9a08 .n34f {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

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

.c9a08 .nce {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

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

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

.c9a08 ul {
  list-style-position: inside;
  margin-bottom: var(--spacing-md);
  padding-left: var(--spacing-md);
}

.c9a08 ul 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);
}

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

.c9a08 .d1d43 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
}

.c9a08 .d1d43 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.c9a08 .d1d43 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .c9a08 .i717 {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .c9a08 .i717 {
    padding: 0 var(--spacing-xl);
  }

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

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

html, body {
  width: 100%;
  height: 100%;
}

.b57f8 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.j6f23 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.n79bc6 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.mef9acff {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.ic30 {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ic30 svg {
  width: 100%;
  height: 100%;
  stroke-width: 1.5;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.02em;
  margin: var(--spacing-md) 0 0 0;
}

.j8347e {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.6;
  margin: var(--spacing-md) 0 0 0;
}

.pfe072 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: var(--spacing-lg) 0 0 0;
}

.m9d8fac {
  background-color: var(--color-bg-card);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin: var(--spacing-xl) 0 0 0;
  text-align: left;
}

.j436 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
}

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

.o1a8 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  padding: var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-lg);
  position: relative;
}

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

.g627 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: var(--spacing-lg) 0 0 0;
  font-style: italic;
}

.gdfab {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  margin: var(--spacing-xl) 0 0 0;
}

.f8492f07 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.f8492f07:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .j6f23 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .o1a8 li {
    padding: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  }
}

@media (min-width: 768px) {
  .j6f23 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

  h1 {
    margin: var(--spacing-lg) 0 0 0;
  }

  .j8347e {
    margin: var(--spacing-lg) 0 0 0;
  }

  .pfe072 {
    margin: var(--spacing-xl) 0 0 0;
  }

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

  .g627 {
    margin: var(--spacing-xl) 0 0 0;
  }

  .gdfab {
    margin: var(--spacing-2xl) 0 0 0;
    padding: var(--spacing-md) var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .j6f23 {
    padding: var(--spacing-3xl) 0;
  }

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

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

.l2c {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.bf3a9 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.n79bc6 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.l69694e6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xl);
  text-align: center;
}

.ae2f980 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.g99e {
  position: relative;
  display: inline-block;
}

.ccac {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 2;
  display: block;
}

.jfe0 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(250px, 70vw, 500px);
  height: clamp(250px, 70vw, 500px);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-full);
  opacity: 0.08;
  z-index: 1;
}

.me6d1475 {
  width: 100%;
}

.a91ae8 {
  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);
  line-height: 1.2;
}

.p9b9335e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
  font-weight: 500;
}

.a03 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.45rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
}

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

.gdfab {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  gap: var(--spacing-sm);
}

.f8492f07 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

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

.c8db6b8 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
}

.j00c9 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  text-align: center;
}

.e45381 {
  list-style: none;
  display: grid;
  gap: var(--spacing-sm);
}

.j2d27b4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.45rem, 1.05rem);
  color: var(--color-text-secondary);
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
  transition: all var(--transition-fast);
  line-height: 1.6;
}

.j2d27b4:hover {
  background-color: var(--color-primary-light);
  color: var(--color-text-primary);
  transform: translateX(4px);
}

@media (min-width: 640px) {
  .bf3a9 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

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

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

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

@media (min-width: 768px) {
  .bf3a9 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

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

  .e45381 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
  }

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

@media (min-width: 1024px) {
  .bf3a9 {
    padding: var(--spacing-3xl) 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
  }

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

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

  .e45381 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }

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

@media (min-width: 1440px) {
  .bf3a9 {
    padding: var(--spacing-3xl) 0;
  }
}

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

.k24249b {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.ebde {
  margin: 0 auto;
  text-align: center;
}

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

.m094d {
  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;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .k24249b {
    padding: 5rem var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .k24249b {
    padding: 6rem var(--spacing-md);
  }
}

.n1e635 {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.l54 {
  width: 100%;
}

.g4411 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

.df0c {
  flex: 1 1 100%;
  min-width: 0;
}

.hb6 {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .df0c {
    flex: 1 1 calc(50% - var(--spacing-3xl) / 2);
  }

  .hb6 {
    flex: 1 1 calc(50% - var(--spacing-3xl) / 2);
  }
}

.df0c h2,
.hb6 h2 {
  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-xl) 0;
  line-height: 1.3;
}

.c92c80 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.g5a0 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.f592 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.pc756a1,
.o39ce7 {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
  box-sizing: border-box;
}

.pc756a1::placeholder,
.o39ce7::placeholder {
  color: var(--color-text-muted);
}

.pc756a1:focus,
.o39ce7:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.o39ce7 {
  min-height: 140px;
  resize: vertical;
}

.ef457e {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.ef457e p {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.ge8 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

.ge8:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.gc13f {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-base);
  box-sizing: border-box;
}

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

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

.gc13f:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.gc7 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

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

.b5debee4 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

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

.pd040ff4 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.a78b {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

.a78b:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.n438 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-bottom: var(--spacing-xl);
}

.n438 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.n438 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.k34 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-secondary);
}

.k34 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.k34 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
}

.cf2f40 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-secondary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  font-weight: 700;
  transition: all var(--transition-base);
}

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

.k4f3c7 {
  background-color: var(--color-bg-tertiary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.c454d7f3 {
  text-align: center;
}

.c454d7f3 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.c454d7f3 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
}

.k9f {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 700;
  transition: all var(--transition-base);
}

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

@media (min-width: 768px) {
  .n1e635 {
    padding: 4rem var(--spacing-md);
  }

  .k4f3c7 {
    padding: 4rem var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .n1e635 {
    padding: 5rem var(--spacing-md);
  }

  .k4f3c7 {
    padding: 5rem var(--spacing-md);
  }
}
.g1b,.f33fa{
  width: 34px;
}

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

.p5c99{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .p5c99{
    max-width: 100%;
  }
}

.p5c99.g602{
  z-index: 999;
}

.j0e428{
  padding-top: 50px;
}

.g1b[aria-expanded="true"]{
  display: none;
}