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

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

  --color-text-primary: #1c1917;
  --color-text-secondary: #57534e;
  --color-text-muted: #75716e;
  --color-text-inverse: #ffffff;
  --color-text-inverse-secondary: #f3f0ed;

  --color-primary: #d97706;
  --color-primary-hover: #b45309;
  --color-primary-light: #fef3c7;
  --color-primary-lighter: #fef9e7;

  --color-secondary: #f59e0b;
  --color-secondary-hover: #d97706;
  --color-secondary-light: #fef3c7;
  --color-secondary-lighter: #fffbeb;

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #e7e5e4;
  --color-border-light: #f5f3f1;
  --color-border-dark: #44403c;

  --font-primary: 'General Sans', sans-serif;
  --font-heading: 'Space Grotesk', sans-serif;

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

  --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(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

  --transition-fast: 150ms ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 350ms ease-in-out;

  font-size: 16px;
  line-height: 1.6;

  
  --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-text-on-accent: #111418;
}

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  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: 2rem;
  letter-spacing: -0.01em;
}

h4 {
  font-size: 1.5rem;
  letter-spacing: 0;
}

h5 {
  font-size: 1.25rem;
  letter-spacing: 0;
}

h6 {
  font-size: 1rem;
  letter-spacing: 0;
}

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

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

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

button {
  font-family: var(--font-primary);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  border-radius: var(--radius-md);
  padding: var(--spacing-sm) var(--spacing-lg);
}

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

.d7c17 {
  background: var(--color-primary);
  color: var(--color-text-inverse);
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: 1rem;
  font-weight: 600;
  border-radius: var(--radius-lg);
  display: inline-block;
  text-align: center;
  box-shadow: var(--shadow-md);
}

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

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

.naa3a89 {
  background: var(--color-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: 1rem;
  font-weight: 600;
  border-radius: var(--radius-lg);
  display: inline-block;
  text-align: center;
  box-shadow: var(--shadow-md);
}

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

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

.c909b {
  background: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  padding: calc(var(--spacing-md) - 2px) var(--spacing-xl);
  font-size: 1rem;
  font-weight: 600;
  border-radius: var(--radius-lg);
}

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

.pa24 {
  background: transparent;
  color: var(--color-text-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: 1rem;
  font-weight: 600;
  border-radius: var(--radius-md);
}

.pa24:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-text-inverse);
}

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

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

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

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

.aeabb3 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-inverse);
  border-color: var(--color-border-dark);
}

.aeabb3 p {
  color: var(--color-text-inverse-secondary);
}

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

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

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

.h380781b {
  background: var(--color-bg-tertiary);
  color: var(--color-text-inverse);
}

.h380781b p {
  color: var(--color-text-inverse-secondary);
}

.h380781b h1,
.h380781b h2,
.h380781b h3,
.h380781b h4,
.h380781b h5,
.h380781b h6 {
  color: var(--color-text-inverse);
}

.h380781b a {
  color: var(--color-secondary);
}

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

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

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

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

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

.j6c0007e {
  display: flex;
}

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

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

.ab10e0e6 {
  flex-direction: column;
}

.p10c {
  flex-wrap: wrap;
}

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

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

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

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

.g45 { margin-top: var(--spacing-sm); }
.meb { margin-top: var(--spacing-md); }
.m3d5bf { margin-top: var(--spacing-lg); }
.e916b4 { margin-top: var(--spacing-xl); }

.nc9 { margin-bottom: var(--spacing-sm); }
.i031 { margin-bottom: var(--spacing-md); }
.o8c { margin-bottom: var(--spacing-lg); }
.nca { margin-bottom: var(--spacing-xl); }

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

.f49 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.o15f07d { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }

.nb08 { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.m0eeda3 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.hd6 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }

.gbe5 {
  font-size: 0.875rem;
}

.f5e032c7 {
  font-size: 1rem;
}

.hd40a {
  font-size: 1.125rem;
}

.a3627137 {
  font-size: 1.25rem;
}

.p3c20a6 {
  text-align: center;
}

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

.b843 {
  font-weight: 700;
}

.b5a5ff40 {
  font-weight: 600;
}

.a0b05 {
  font-weight: 500;
}

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

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

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

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

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

.e5d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-lg);
}

label {
  font-weight: 600;
  color: var(--color-text-primary);
  font-size: 0.95rem;
}

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

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

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

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

.g10d6 {
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-xl) 0;
}

.o2df56c {
  background: var(--color-border-dark);
}

.a5cbe5f {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid;
  margin-bottom: var(--spacing-lg);
}

.k89378 {
  background: var(--color-success-light);
  color: var(--color-success);
  border-left-color: var(--color-success);
}

.fe970 {
  background: var(--color-warning-light);
  color: var(--color-warning);
  border-left-color: var(--color-warning);
}

.c6c {
  background: var(--color-danger-light);
  color: var(--color-danger);
  border-left-color: var(--color-danger);
}

.b3f3154 {
  background: var(--color-primary-light);
  color: var(--color-primary);
  border-left-color: var(--color-primary);
}

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

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .ff529,
  .pf58,
  .e0f {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 640px) {
  :root {
    font-size: 15px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .d7c17,
  .naa3a89 {
    width: 100%;
    padding: var(--spacing-lg) var(--spacing-md);
  }

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

  .j6338 {
    gap: var(--spacing-lg);
  }
}
.e5c8 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 100;
  overflow: hidden;
}

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

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

.oa0093:hover {
  opacity: 0.85;
}

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

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

.c070832 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  justify-content: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

.g35633cc.i4f91 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

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

.d3d:hover {
  color: var(--color-accent);
  padding-left: 0.5rem;
}

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

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

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

  .g35633cc {
    display: none;
  }

  .c070832 {
    display: flex;
  }

  .cba3542 {
    display: block;
  }
}

@media (min-width: 1024px) {
  .k2c9a8 {
    padding: 0 clamp(1rem, 4vw, 2.5rem);
  }

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

    

.gcd34d {
  font-family: 'General Sans', sans-serif;
}

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

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

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

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

.abf25 {
  text-align: center;
}

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

.pe0b8401 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

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

.k933 {
  flex: 1 1 280px;
  min-height: 250px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.k75 {
  flex: 1 1 350px;
  min-height: 300px;
}

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

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

.c98368 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: 8px;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  cursor: pointer;
}

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

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

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

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

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

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

.k6d291 {
  flex: 1 1 45%;
  min-height: 300px;
}

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

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

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

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

.m7d542 {
  display: inline-flex;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  width: fit-content;
}

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

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

  .k6d291 {
    flex: 1 1 100%;
  }

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

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

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

.n799fc3 {
  text-align: center;
}

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

.m77a9 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}

.f6eb {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #d4d4d8;
  margin: clamp(0.75rem, 1vw, 1rem) 0 0 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

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

.pd968cfc {
  flex: 1 1 55%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transition: all 0.3s ease;
}

.pd968cfc:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
}

.c77 {
  width: 100%;
  height: 250px;
  overflow: hidden;
}

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

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

.a35e {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

.a0f71 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  transition: all 0.3s ease;
}

.a0f71:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateX(4px);
}

.a128bb7 {
  flex: 0 0 100px;
  height: 100px;
  border-radius: 8px;
  overflow: hidden;
}

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

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

.ddb7ab29 {
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  color: #ffffff;
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

.d9334 {
  font-size: clamp(0.8125rem, 0.9vw + 0.4rem, 0.95rem);
  color: #d4d4d8;
  margin: 0;
  line-height: 1.5;
}

.kd78602c {
  display: inline-flex;
  color: var(--color-secondary);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
  width: fit-content;
}

.kd78602c:hover {
  color: #fbbf24;
  transform: translateX(3px);
}

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

.ped4a70 {
  display: inline-flex;
  padding: clamp(0.75rem, 1vw, 0.9rem) clamp(1.5rem, 2vw, 2rem);
  background: var(--color-secondary);
  color: #000000;
  text-decoration: none;
  font-weight: 600;
  border-radius: 8px;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
}

.ped4a70:hover {
  background: #fbbf24;
  transform: translateY(-2px);
}

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

  .pd968cfc {
    flex: 1 1 100%;
  }

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

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

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

.ob684f {
  flex: 1 1 50%;
}

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

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

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

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

.n7bdd28f {
  flex: 1;
}

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

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

.e6fbb {
  flex: 1 1 45%;
  min-height: 350px;
}

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

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

  .ob684f {
    flex: 1 1 100%;
  }

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

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

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

.la0652 {
  text-align: center;
}

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

.i0d1d {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

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

.d284f {
  flex: 1 1 300px;
  max-width: 400px;
}

.d16f {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.3;
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
  border-bottom: 2px solid var(--color-accent);
}

.i1ff82 {
  margin-bottom: clamp(1rem, 1vw, 1.5rem);
}

.h9a1f {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  border: none;
  padding: clamp(1rem, 1.5vw, 1.25rem) 0;
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  text-align: left;
  transition: all 0.3s ease;
  border-bottom: 1px solid #e5e7eb;
}

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

.p9e {
  flex: 1;
}

.h9a1f i {
  margin-left: 1rem;
  transition: transform 0.3s ease;
  color: var(--color-accent);
}

.h9a1f.i4f91 i {
  transform: rotate(180deg);
}

.bf3 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.bf3.p0419abe {
  max-height: 500px;
}

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

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

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

.c2d {
  max-width: 600px;
  padding: clamp(2rem, 4vw, 3rem);
  background: rgba(255, 255, 255, 0.05);
  border: 2px dotted rgba(255, 255, 255, 0.3);
  border-radius: 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.n485bf {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2rem);
  color: #ffffff;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}

.b75 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.05rem);
  color: #d4d4d8;
  margin: 0;
  line-height: 1.6;
}

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

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

.oe6 {
  flex: 1 1 200px;
  min-width: 150px;
  padding: clamp(0.75rem, 1vw, 0.95rem) clamp(1rem, 1.5vw, 1.25rem);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
}

.oe6::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.oe6:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.15);
  border-color: var(--color-accent);
}

.g9535 {
  flex: 1 1 120px;
  min-width: 120px;
  padding: clamp(0.75rem, 1vw, 0.95rem) clamp(1.5rem, 2vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  cursor: pointer;
  transition: all 0.3s ease;
}

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

.k5caaf68 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: #9ca3af;
  margin: 0;
  line-height: 1.5;
}

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

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

.b458244d {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
  max-width: 700px;
}

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

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

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

.m8561.m8cba {
  display: none;
}

.na7c53 {
  color: #f1f5f9;
  margin: 0;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  flex: 1 1 300px;
  line-height: 1.5;
  min-width: 200px;
}

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

.m879a1 {
  padding: clamp(0.6rem, 1vw, 0.75rem) clamp(1.25rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
}

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

.naabcc {
  padding: clamp(0.6rem, 1vw, 0.75rem) clamp(1.25rem, 2vw, 1.5rem);
  background: transparent;
  color: #f1f5f9;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
}

.naabcc:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
}

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

  .na7c53 {
    flex: 1 1 100%;
    text-align: center;
  }

  .pbb99a {
    flex: 1 1 100%;
    justify-content: center;
  }

  .j47 {
    flex-direction: column;
  }

  .k933,
  .k75 {
    flex: 1 1 100%;
    min-height: 250px;
  }

  .c696b {
    flex-direction: column;
  }

  .oe6,
  .g9535 {
    flex: 1 1 100%;
    min-width: auto;
  }

  .id0fed {
    flex-direction: column;
    width: 100%;
  }

  .id0fed .c98368 {
    flex: 1 1 100%;
    width: 100%;
  }
}

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

  .g4859,
  .m77a9,
  .pb8,
  .a72eb,
  .b458244d {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }
}

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

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

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

.k4d,
.j0d7e23c,
.o21,
.m041a7 {
  display: block;
}

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

.j37 h3 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.d0e5544 li,
.m959fa1 li {
  display: inline-block;
}

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

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

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

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

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

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

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

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

  .k4d {
    flex: 1 1 280px;
  }

  .j0d7e23c {
    flex: 1 1 200px;
  }

  .o21 {
    flex: 1 1 240px;
  }

  .m041a7 {
    flex: 1 1 200px;
  }

  .nd4d43 {
    flex: 1 1 100%;
    order: 5;
  }

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

@media (min-width: 1024px) {
  .k63059 {
    gap: clamp(3rem, 6vw, 5rem);
  }

  .k4d {
    flex: 0 1 320px;
  }

  .j0d7e23c {
    flex: 0 1 180px;
  }

  .o21 {
    flex: 0 1 260px;
  }

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

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

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

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

.ede37c8 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 1.5rem);
  text-align: center;
  width: 100%;
}

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

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

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

.ifdf70d0 {
  width: 100%;
  max-height: 450px;
}

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

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

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

.f40b9d {
  text-align: center;
}

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

.i04 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-top: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.b116f87a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
}

.b116f87a i {
  color: var(--color-accent);
  font-size: 0.875em;
}

.f76cee {
  display: inline-block;
  font-size: clamp(0.875rem, 1.25vw + 0.5rem, 1rem);
  color: var(--color-accent);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  align-self: flex-start;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.c0e3603 {
  font-size: clamp(2.5rem, 8vw, 4rem);
  color: var(--color-accent);
  opacity: 0.6;
}

.o17 {
  font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.5rem);
  color: var(--color-text-inverse);
  font-weight: 500;
  line-height: 1.7;
  font-style: italic;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.lfde4840 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-secondary);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .hee3 {
    flex-direction: row;
    align-items: center;
    gap: clamp(2rem, 5vw, 4rem);
  }

  .ede37c8 {
    flex: 1 1 50%;
    text-align: left;
  }

  .ifdf70d0 {
    flex: 1 1 50%;
    max-height: 500px;
  }

  .ca4073c2 {
    justify-content: center;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .j2ab8 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    max-width: none;
  }
}

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

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

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

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

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

@media (min-width: 1440px) {
  .ma6a {
    padding: 0 2rem;
  }
}

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

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

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

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

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

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

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

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

.nb9f {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

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

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

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

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

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

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

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

.c29c {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

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

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

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

.ed7 {
  flex: 1;
}

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

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

.gfab299 {
  flex: 1;
}

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

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

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

.cb385 {
  color: var(--color-text-inverse);
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1rem);
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.6;
}

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

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

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

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

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

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

.m0932 em {
  color: var(--color-accent);
  font-style: italic;
  font-weight: 600;
}

.lc60 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 350px;
}

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

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

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

.lae {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 350px;
  order: -1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f20 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 350px;
}

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

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

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

.h0f8c1c0 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 350px;
  order: -1;
}

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

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

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

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

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

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

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

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

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

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

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

.ee1428c {
  width: 120px;
  height: 120px;
  min-width: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

.nebb7baf {
  width: 160px;
  height: 120px;
  min-width: 160px;
  border-radius: var(--radius-md);
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

  .k738112,
  .c29c,
  .mc58,
  .lc60,
  .cf5780,
  .lae,
  .b8d,
  .f20,
  .le9c8b,
  .h0f8c1c0 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .lae,
  .h0f8c1c0 {
    order: 0;
  }

  .c29c,
  .lc60,
  .lae,
  .f20,
  .h0f8c1c0 {
    min-height: 250px;
  }

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

  .ee1428c {
    width: 100px;
    height: 100px;
    min-width: 100px;
  }

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

  .nebb7baf {
    width: 100%;
    height: 200px;
    min-width: auto;
  }

  .ef4355e1 {
    font-size: clamp(0.75rem, 1vw + 0.5rem, 0.85rem);
  }
}

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

  .ef4355e1 {
    flex-wrap: wrap;
  }

  .m69f66 {
    gap: 0.5rem;
  }
}

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

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

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

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

.dd5 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 2rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

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

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

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

.g8f3 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: row;
  overflow: hidden;
  gap: 0;
  align-items: stretch;
}

.b005a71 {
  flex: 1 1 50%;
  padding: clamp(2rem, 4vw, 3.5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

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

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

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

.d56d73b5 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  margin-bottom: 1rem;
  letter-spacing: -0.5px;
}

.j902a8 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 90%;
}

.f63419 {
  flex: 1 1 50%;
  overflow: hidden;
  border-radius: 0;
}

.cd0 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 300px;
}

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

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

.f29dd22 {
  flex: 1 1 55%;
}

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

.ac552 {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

.ef8f9eb {
  flex: 1 1 45%;
}

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

.h3d33a {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

.d519d839 {
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  color: var(--color-text-secondary);
  padding: 0.6rem 0;
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.5;
}

.d519d839:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.65rem;
  width: 6px;
  height: 6px;
  background: var(--color-accent);
  border-radius: 50%;
}

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

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

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

.lad39 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

.me54d38 {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: #e0e0e0;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

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

.c6a35 {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

.gd6ecc6 {
  flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.1rem;
  flex-shrink: 0;
  margin-top: 0.2rem;
}

.n1b3d24d {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: #e0e0e0;
  line-height: 1.6;
  padding-top: 0.3rem;
}

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

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

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

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

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

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

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

.g6ae4 {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

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

.if8 {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

.a185f {
  flex: 0 0 1.5rem;
  font-weight: 700;
  color: var(--color-accent);
  font-size: 1.1rem;
  margin-top: 0.1rem;
}

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

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

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

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

.b687b9a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

.o793 {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: #e0e0e0;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.fd70f {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}

.d4f4f591 {
  flex: 1 1 calc(50% - 0.5rem);
  min-width: 150px;
  background: rgba(255, 255, 255, 0.1);
  padding: 1.25rem;
  border-radius: var(--radius-md);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.lfc {
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.5rem;
}

.j19fb {
  font-size: clamp(0.8rem, 1vw, 0.85rem);
  color: #d0d0d0;
  line-height: 1.5;
  margin: 0;
}

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

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

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

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

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

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

.e6c8 {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

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

.da79984 {
  font-family: var(--font-heading);
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
}

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

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

.i65e1 {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.k015be4f {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 1rem;
}

.c054659 {
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  color: #d0d0d0;
  line-height: 1.6;
  margin: 0;
}

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

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

.h38e493 {
  flex: 0 0 auto;
}

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

.l7f {
  flex: 1 1 auto;
}

.p6f9d7 {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
}

.d48f7d {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  line-height: 1.3;
}

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

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

.pd1 {
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

.jc7 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
  text-decoration: none;
  transition: var(--transition-base);
}

.jc7:hover {
  transform: translateY(-2px);
}

.eaf24956 {
  flex: 0 0 140px;
  width: 140px;
  height: 140px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

.mb50 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

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

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

.bc0ed {
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

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

.ie2cbc {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.3;
}

.hc3 {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: #e0e0e0;
  line-height: 1.7;
  margin: 0;
}

.jd5d27 {
  margin-top: 1rem;
}

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

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

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

  .b005a71 {
    flex: 1 1 100%;
    max-width: 100%;
    padding: clamp(1.5rem, 3vw, 2rem);
  }

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

  .mf229 {
    flex-direction: column;
  }

  .f29dd22 {
    flex: 1 1 100%;
  }

  .ef8f9eb {
    flex: 1 1 100%;
  }

  .p57d8,
  .pc67,
  .caf6,
  .d7226586 {
    flex-direction: column;
  }

  .ncc,
  .j1b024,
  .l60800,
  .d9c7,
  .b741b30,
  .bbf,
  .k39aa2,
  .mab4f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d9c7 {
    order: 0;
  }

  .d4f4f591 {
    flex: 1 1 100%;
  }

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

  .h38e493 {
    margin: 0 auto;
  }

  .jc7 {
    flex-direction: column;
  }

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

  .mb50 {
    text-align: center;
  }

  .a4e3 {
    text-align: center;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .d4f4f591 {
    flex: 1 1 calc(50% - 0.5rem);
  }
}

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

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

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

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

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

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

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

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

.o8ccd {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 10px 13px rgba(0, 0, 0, 0.05);
}

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

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

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

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

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

.f5d89f i {
  color: var(--color-accent);
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lddada7d {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
}

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

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

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

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

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

.d947 {
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.n74e {
  font-size: clamp(1.1875rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

.o761 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.3;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.da8ae {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: #e7e5e4;
  line-height: 1.7;
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i47 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
}

.i47 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  display: block;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
}

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

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

.l518f8 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
}

.l518f8 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  display: block;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
}

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

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

.n39a7 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.k4e3 {
  background: #fef3c7;
  border-left: 4px solid #f59e0b;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
}

.if252ac {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-weight: 700;
  color: #92400e;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.oe55 {
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  color: #78350f;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.kb88cc {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.3;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ge76f {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: #e7e5e4;
  line-height: 1.7;
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f096 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
}

.f096 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  display: block;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
}

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

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

.b2e4db {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
}

.b2e4db img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  display: block;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
}

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

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

.h1a613 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.j460dae3 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.k0eef56e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.75rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-size: clamp(0.95rem, 1.2vw, 1.0625rem);
  font-weight: 600;
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  transition: all 0.3s ease;
  cursor: pointer;
}

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

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

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

.ib0a0125 {
  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-primary);
  border-radius: clamp(0.75rem, 1.5vw, 1rem);
  border: 1px solid var(--color-border-light);
}

.k9b858f {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  overflow: hidden;
}

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

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

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

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

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

.ccc49baf {
  font-size: clamp(0.875rem, 1.2vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

.l32cc {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: clamp(0.75rem, 1.5vw, 1rem);
  transition: all 0.3s ease;
}

.l32cc:hover {
  border-color: var(--color-accent);
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.1);
}

.g0e83a {
  flex-shrink: 0;
  width: clamp(100px, 15vw, 150px);
  height: clamp(100px, 15vw, 150px);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  overflow: hidden;
}

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

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

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

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

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

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

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

  .j517b39,
  .lddada7d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .p1db0 {
    flex-direction: column;
  }

  .l029c7d,
  .gad {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b6b,
  .o40a8b,
  .aaf2e,
  .ofdbca {
    flex-direction: column;
  }

  .je2e,
  .e87fe,
  .bee,
  .k15b49,
  .i47,
  .l518f8,
  .f096,
  .b2e4db {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .k9b858f {
    flex-shrink: 0;
  }

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

  .g0e83a {
    flex-shrink: 0;
    width: clamp(100px, 30vw, 150px);
    height: clamp(100px, 30vw, 150px);
  }

  .o575774d {
    justify-content: center;
  }
}

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

  .j517b39,
  .lddada7d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .p1db0 {
    flex-direction: column;
  }

  .l029c7d,
  .gad {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b6b,
  .o40a8b,
  .aaf2e,
  .ofdbca {
    flex-direction: column;
  }

  .je2e,
  .e87fe,
  .bee,
  .k15b49,
  .i47,
  .l518f8,
  .f096,
  .b2e4db {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ib0a0125 {
    flex-direction: row;
  }

  .l32cc {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
  }
}

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

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

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

  .nf150 a {
    color: var(--color-accent);
    text-decoration: none;
    font-size: clamp(0.8125rem, 1vw, 0.95rem);
    transition: color var(--transition-base);
  }

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

  .nf150 span {
    color: var(--color-text-muted);
    font-size: clamp(0.8125rem, 1vw, 0.95rem);
  }

  .k0f {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    padding: clamp(2rem, 4vw, 3rem);
    box-shadow: var(--shadow-md);
  }

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

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

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

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

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

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

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

  .dee5fd42 i {
    color: var(--color-accent);
    font-size: clamp(0.8125rem, 1vw, 1rem);
  }

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

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

    .pd19,
    .lc6800 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

    .hb7d5,
    .nad9fca {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

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

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

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

  .k86 {
    font-size: clamp(0.95rem, 1.5vw, 1.1rem);
    color: var(--color-text-secondary);
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

    .e568026,
    .c964 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

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

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

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

  .p2effe9 {
    font-size: clamp(0.95rem, 1.5vw, 1.1rem);
    color: var(--color-text-inverse-secondary);
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .e5bc {
    font-size: clamp(1.5rem, 2vw, 2rem);
    font-weight: 700;
    color: var(--color-accent);
    font-family: var(--font-heading);
    flex-shrink: 0;
    width: clamp(3rem, 5vw, 4rem);
    height: clamp(3rem, 5vw, 4rem);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(217, 119, 6, 0.1);
    border-radius: var(--radius-full);
  }

  .hf4 {
    flex: 1;
  }

  .k901c018 {
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    color: var(--color-text-inverse);
    font-weight: 600;
    margin-bottom: 0.5rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

    .eada915f,
    .fe0 {
      flex: 1 1 100%;
      max-width: 100%;
      order: 0;
    }

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

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

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

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

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

  .i2f6 i {
    color: var(--color-secondary);
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    flex-shrink: 0;
  }

  .pb15a {
    font-size: clamp(1rem, 1.5vw, 1.15rem);
    color: var(--color-text-primary);
    font-weight: 600;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

  .ld7b21d {
    font-size: clamp(0.95rem, 1.5vw, 1.1rem);
    color: var(--color-text-secondary);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

    .h41,
    .a42534 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

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

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

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

  .o40 {
    font-size: clamp(0.95rem, 1.5vw, 1.1rem);
    color: var(--color-text-inverse-secondary);
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .d2b {
    background: rgba(217, 119, 6, 0.15);
    border-radius: var(--radius-md);
    padding: clamp(1rem, 2vw, 1.5rem);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

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

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

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

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

    .d5715fe,
    .le8e4b9 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

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

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

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

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

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

  .na5f3f {
    width: clamp(80px, 10vw, 120px);
    height: clamp(80px, 10vw, 120px);
    border-radius: var(--radius-full);
    object-fit: cover;
    flex-shrink: 0;
  }

  .l6a9 {
    flex: 1;
  }

  .c858ca {
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    font-weight: 600;
    margin-bottom: 0.25rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .m65 {
    font-size: clamp(0.8125rem, 1vw, 0.95rem);
    color: var(--color-text-secondary);
    margin-bottom: 0.75rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

  .k1dbe5 {
    flex-shrink: 0;
    width: clamp(120px, 20vw, 200px);
    height: clamp(100px, 15vw, 150px);
    border-radius: var(--radius-md);
    overflow: hidden;
  }

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

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

  .c389d8 {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    font-weight: 600;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

    .k1dbe5 {
      width: 100%;
      height: auto;
      min-height: 200px;
    }
  }

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

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

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

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

section {
  overflow: hidden;
}

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

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

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

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

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

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

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

.f6d563 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 900px;
}

.o889dae {
  text-align: left;
}

.k0c0e {
  color: var(--color-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 0.5rem 0;
}

.c2f75f3 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  margin: 0 0 1rem 0;
  line-height: 1.3;
}

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

.b8b6b6:last-of-type {
  margin-bottom: 0;
}

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

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

.d16 {
  text-align: center;
}

.gc2d3 {
  color: var(--color-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 0.5rem 0;
}

.ka01aef4 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  margin: 0;
  line-height: 1.3;
}

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

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

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

.nc6 {
  color: var(--color-primary);
  font-size: 2rem;
  height: 3rem;
  display: flex;
  align-items: center;
}

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

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

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

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

.lc3b40a6 {
  text-align: center;
}

.lf1 {
  color: var(--color-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 0.5rem 0;
}

.c3af {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

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

.pef5924d {
  color: var(--color-primary);
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

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

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

  .n3c {
    gap: 1rem;
  }

  .ca891e3,
  .f6d563,
  .l29,
  .oc1,
  .ja7623 {
    align-items: stretch;
  }

  .k73d3,
  .o889dae,
  .d16,
  .lc3b40a6 {
    text-align: center;
  }
}

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

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

  .c0bdc8 {
    margin-top: 0;
  }
}

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

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

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

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

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

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

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

.c98368 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.25rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  border: 2px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  white-space: nowrap;
}

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

.da01:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  text-decoration: none;
}

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

.pd9098c:hover {
  background: var(--color-accent-light);
  color: var(--color-text-primary);
  border-color: var(--color-accent-light);
  text-decoration: none;
}

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

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

.da0 {
  width: 100%;
  max-height: 400px;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(28, 25, 23, 0.1);
}

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

.k65357e5 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 3vw, 1.75rem);
}

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

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

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

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

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

  .da0 {
    flex: 0 1 45%;
    max-height: 450px;
  }

  .k65357e5 {
    flex: 0 1 55%;
  }
}

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

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

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

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

.pa9 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

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

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

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

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

.n8042a {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
  box-shadow: 0 2px 8px rgba(28, 25, 23, 0.05);
}

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

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

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

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

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

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

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

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

.b4a026f {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

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

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

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

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

.m81d {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.25rem);
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(28, 25, 23, 0.05);
}

.m81d:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(28, 25, 23, 0.1);
  border-color: var(--color-accent-light);
}

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

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

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

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

@media (min-width: 1024px) {
  .g0b {
    grid-template-columns: repeat(3, 1fr);
  }

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

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

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

.l7c {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

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

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

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

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

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

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

.ga6 {
  background: var(--color-bg-primary);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-left: 4px solid var(--color-accent);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.25rem);
}

.of1 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  font-style: italic;
  margin: 0;
  font-weight: 500;
}

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

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

  .d84c {
    flex: 0 1 55%;
  }

  .ga6 {
    flex: 0 1 45%;
    display: flex;
    justify-content: center;
  }
}

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

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

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

.p80 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 4vw, 3.5rem);
  border-radius: 16px;
  border: 1px solid var(--color-border-light);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 3vw, 1.75rem);
  max-width: 600px;
  width: 100%;
  box-shadow: 0 8px 24px rgba(28, 25, 23, 0.08);
}

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

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

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

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

  .ced65 .da01,
  .ced65 .pd9098c {
    flex: 0 1 auto;
  }
}

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

@media (max-width: 767px) {
  .jd5b {
    gap: clamp(1.5rem, 4vw, 2.25rem);
  }

  .da0 {
    order: -1;
  }
}

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

.k9be3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
}

.a06 {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  text-align: center;
}

.m29 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.c911 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  margin: 0;
  line-height: 1.6;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .k9be3 {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1024px) {
  .k9be3 {
    padding: 5rem 0;
  }
}

.m595 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.acdb {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .acdb {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .acdb {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }

  .m595 {
    padding: 5rem 0;
  }
}

.oe241748 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

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

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

.m68 {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.o515816e {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  letter-spacing: 0.5px;
}

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

.l8b02b {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1rem);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex: 1;
}

.dbf2e {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 0.9vw, 0.9375rem);
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
  font-style: italic;
  line-height: 1.5;
}

.a1b0 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.g67c {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  text-align: center;
}

.f85 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.bfa9a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1.0625rem);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

.maa {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1rem);
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  letter-spacing: 0.3px;
}

.maa:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

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

@media (min-width: 768px) {
  .a1b0 {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1024px) {
  .a1b0 {
    padding: 5rem 0;
  }
}

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

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

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

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

.f0ecfe {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.p2d62 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.n590d {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (min-width: 768px) {
  .f0ecfe {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .f0ecfe {
    padding: 5rem var(--spacing-2xl);
  }
}

.bd457a6 {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.d8e {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.o91409e4 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.kfb {
  width: 3rem;
  height: 3rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

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

.ib8ab2 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-md) 0;
  flex-grow: 1;
}

.a86e {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.a86e li {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

.a86e li::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 600;
}

@media (min-width: 768px) {
  .bd457a6 {
    padding: 4rem var(--spacing-lg);
  }

  .d8e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .bd457a6 {
    padding: 5rem var(--spacing-2xl);
  }

  .d8e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .o91409e4:hover {
    transform: translateY(-4px);
  }
}

.g398 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

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

.nac5b1 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg) 0;
}

.a16c02 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .g398 {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .g398 {
    padding: 5rem var(--spacing-2xl);
  }
}

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

.cab201f .ma6a {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.cab201f .k99510f {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-4xl) var(--spacing-md);
}

.cab201f h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.cab201f .a7d9e {
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-3xl);
  font-style: italic;
}

.cab201f h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.cab201f p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.cab201f ul {
  list-style-position: inside;
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.cab201f li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

.cab201f .acee1 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
}

.cab201f .acee1 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.cab201f .acee1 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

.cab201f .o5edf3 p {
  margin-bottom: var(--spacing-sm);
}

@media (min-width: 768px) {
  .cab201f .k99510f {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .cab201f .ma6a {
    padding: 0 var(--spacing-lg);
  }

  .cab201f .k99510f {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.mb74 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.ib4732 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  width: 100%;
  overflow: hidden;
}

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

.k99510f {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.d8a26 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.ja79 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  background-color: var(--color-primary-light);
  margin-bottom: var(--spacing-sm);
}

.ja79 i {
  font-size: clamp(2rem, 8vw, 3.5rem);
  color: var(--color-primary);
  display: block;
}

.gae3010d {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.2;
}

.f81 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 600;
  color: var(--color-primary);
  margin: 0;
  line-height: 1.5;
}

.bfefe58 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.lce {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
}

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

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

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

.d7c17:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.d7c17:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.b38c1cc {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  padding: var(--spacing-md) var(--spacing-2xl);
  margin-top: var(--spacing-md);
}

@media (min-width: 480px) {
  .ib4732 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  
  .ja79 {
    width: 100px;
    height: 100px;
    margin-bottom: var(--spacing-md);
  }
}

@media (min-width: 768px) {
  .ib4732 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
  
  .ma6a {
    padding: 0 var(--spacing-lg);
  }
  
  .d8a26 {
    gap: var(--spacing-xl);
  }
  
  .ja79 {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ib4732 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
  
  .ma6a {
    padding: 0 var(--spacing-xl);
  }
}

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

html {
  scroll-behavior: smooth;
}

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

.aee {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fa2f32d {
  width: 100%;
  padding: var(--spacing-xl);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

@media (min-width: 768px) {
  .fa2f32d {
    padding: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .fa2f32d {
    padding: var(--spacing-3xl);
  }
}

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

@media (min-width: 768px) {
  .ma6a {
    padding: 0 var(--spacing-2xl);
  }
}

.k99510f {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.i371e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  text-align: center;
  animation: slideInUp 0.8s ease-out;
}

@media (min-width: 768px) {
  .i371e {
    gap: var(--spacing-3xl);
  }
}

.h064 {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.ob07 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.acdfb0 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
  line-height: 1;
  animation: float 4s ease-in-out infinite;
}

.pead {
  position: absolute;
  bottom: -20px;
  right: -20px;
  color: var(--color-accent);
  opacity: 0.8;
  animation: bounce 2s ease-in-out infinite;
}

@media (min-width: 768px) {
  .pead {
    bottom: -30px;
    right: -30px;
  }
}

.obe9f39b {
  display: block;
}

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

.g3b9702 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-top: var(--spacing-lg);
}

@media (min-width: 768px) {
  .g3b9702 {
    margin-top: var(--spacing-xl);
  }
}

.j28 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  max-width: 100%;
}

.p4a7d {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 100%;
}

.addd4 {
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
  margin: var(--spacing-lg) 0;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .addd4 {
    margin: var(--spacing-xl) 0;
  }
}

.c98368 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: clamp(0.75rem, 1vw + 0.5rem, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-decoration: none;
  white-space: nowrap;
}

.d7c17 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.d7c17:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.f68 {
  display: inline-block;
}

.j30 {
  display: inline-block;
  transition: transform var(--transition-base);
  font-size: 1.2em;
  line-height: 1;
}

.d7c17:hover .j30 {
  transform: translateX(4px);
}

.n4006a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  margin-top: var(--spacing-lg);
  animation: slideInUp 0.8s ease-out 0.2s both;
}

@media (min-width: 768px) {
  .n4006a {
    padding: var(--spacing-xl);
    margin-top: var(--spacing-xl);
  }
}

.kdcc {
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--spacing-sm);
}

.f061 {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 480px) {
  .acdfb0 {
    animation: float 3s ease-in-out infinite;
  }

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

  .c98368 {
    width: 100%;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .i371e {
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .fa2f32d {
    min-height: 100vh;
  }

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

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

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

.m6e {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.m3f66 {
  text-align: center;
}

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

.b3f6d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .m6e {
    padding: var(--spacing-4xl) 0;
  }

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

@media (min-width: 1024px) {
  .m6e {
    padding: 6rem 0;
  }
}

.l77 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.p5333ae2 {
  width: 100%;
}

.m0e74 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

.ec297 {
  flex: 1 1 100%;
  min-width: 0;
}

.n97d58 {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 1024px) {
  .ec297 {
    flex: 1 1 45%;
  }

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

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

.da7b21 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.m89 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.f6fa8a34 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.afe1d30e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.h4baa7 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.dd022,
.h947 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: all var(--transition-fast);
}

.dd022::placeholder,
.h947::placeholder {
  color: var(--color-text-muted);
}

.dd022:focus,
.h947:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.h947 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

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

.g83 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-fast);
  text-align: center;
  width: 100%;
}

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

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

.ie9 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.6;
}

.e65816 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

.e65816:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

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

.la8d707 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.o6e5782 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.fa091d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

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

.kf59d5 {
  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: clamp(1.2rem, 2vw, 1.5rem);
}

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

.je0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

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

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

.j634:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.lb76 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  margin-top: var(--spacing-xl);
}

.e1e1 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.o689379f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-lg);
}

.c15fe9 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-fast);
  text-align: center;
}

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

@media (min-width: 768px) {
  .l77 {
    padding: var(--spacing-4xl) 0;
  }

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

@media (min-width: 1024px) {
  .l77 {
    padding: 6rem 0;
  }

  .m0e74 {
    gap: 5rem;
  }
}

.i8f98f95 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.l4c08e {
  width: 100%;
}

.md6 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: var(--spacing-md);
}

.baa898c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto var(--spacing-3xl);
}

.b5ba040c {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-3xl);
}

@media (min-width: 768px) {
  .b5ba040c {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .b5ba040c {
    grid-template-columns: repeat(3, 1fr);
  }
}

.c9ab16 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-fast);
}

.c9ab16:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
  transform: translateY(-4px);
}

.nf7 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

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

.cde {
  text-align: center;
  padding: var(--spacing-xl);
  background-color: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.keb3bf52 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.6;
}

.kc6 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-fast);
}

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

@media (min-width: 768px) {
  .i8f98f95 {
    padding: var(--spacing-4xl) 0;
  }

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

@media (min-width: 1024px) {
  .i8f98f95 {
    padding: 6rem 0;
  }
}

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

  .kf59d5 {
    width: 40px;
    height: 40px;
  }
}
.j2e1,.k7af131{
  width: 34px;
}

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

.g35633cc{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .g35633cc{
    max-width: 100%;
  }
}

.g35633cc.i4f91{
  z-index: 999;
}

.h2f569d{
  padding-top: 50px;
}

.j2e1[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .d78217e {
    aspect-ratio: 6 / 9;
  }
}