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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f0fdf4;
  --color-bg-tertiary: #022c22;
  --color-bg-card: #ffffff;

  --color-text-primary: #1c1917;
  --color-text-secondary: #57534e;
  --color-text-muted: #a8a29e;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #d1fae5;

  --color-primary: #059669;
  --color-primary-hover: #047857;
  --color-primary-light: #d1fae5;
  --color-primary-lighter: #ecfdf5;
  
  --color-secondary: #10b981;
  --color-secondary-light: #a7f3d0;
  --color-secondary-lighter: #f0fdf4;

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

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

  --font-primary: 'Work Sans', sans-serif;
  --font-heading: 'Crimson Pro', serif;

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

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

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

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

  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
}

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

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

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

h3 {
  font-size: 1.875rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

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

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

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

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

button, .if3f {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-fast);
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

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

.ic54ac:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

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

.k56b:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

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

.facce:hover {
  background: var(--color-primary-lighter);
  color: var(--color-primary-hover);
}

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

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

.h406cc {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: var(--spacing-3xl) 0;
}

.o392 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-3xl) 0;
}

.fc0c2b {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
  padding: var(--spacing-3xl) 0;
}

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

.fc0c2b p {
  color: var(--color-text-light-secondary);
}

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

.fc0c2b a:hover {
  color: var(--color-text-light);
}

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

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

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

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

.c161 {
  display: flex;
  align-items: center;
}

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

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

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

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

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

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

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

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

.cfa6 {
  text-align: center;
}

.g8e31 {
  text-align: right;
}

.d52 {
  text-align: left;
}

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

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

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

.pe5ebf08 {
  color: var(--color-text-light);
}

.j6bf7 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 600;
}

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

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

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

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

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

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

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

.e6a4d74 { margin: 0; }
.d72d99b4 { margin: var(--spacing-xs); }
.l572 { margin: var(--spacing-sm); }
.fc3310 { margin: var(--spacing-md); }
.i2a { margin: var(--spacing-lg); }
.cc0d0 { margin: var(--spacing-xl); }

.e2a4be { margin-top: 0; }
.k2610 { margin-top: var(--spacing-xs); }
.aa1 { margin-top: var(--spacing-sm); }
.a272 { margin-top: var(--spacing-md); }
.o30628f { margin-top: var(--spacing-lg); }
.paa1cca4 { margin-top: var(--spacing-xl); }

.d3e39ad4 { margin-bottom: 0; }
.p3af2 { margin-bottom: var(--spacing-xs); }
.of6bf515 { margin-bottom: var(--spacing-sm); }
.h360a { margin-bottom: var(--spacing-md); }
.pbcf87f { margin-bottom: var(--spacing-lg); }
.ff810e { margin-bottom: var(--spacing-xl); }

.k5e { padding: 0; }
.j9c9 { padding: var(--spacing-xs); }
.m532f8c3 { padding: var(--spacing-sm); }
.o09f { padding: var(--spacing-md); }
.n32b4 { padding: var(--spacing-lg); }
.n4f828b { padding: var(--spacing-xl); }

.ecd { padding-top: var(--spacing-xs); }
.n8ef { padding-top: var(--spacing-sm); }
.d5e { padding-top: var(--spacing-md); }
.b574429 { padding-top: var(--spacing-lg); }
.kb90622b { padding-top: var(--spacing-xl); }

.d266 { padding-bottom: var(--spacing-xs); }
.p63a6 { padding-bottom: var(--spacing-sm); }
.l73a262 { padding-bottom: var(--spacing-md); }
.he56 { padding-bottom: var(--spacing-lg); }
.kd581 { padding-bottom: var(--spacing-xl); }

.j783 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.f81b2 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.f54db { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }

.e79 { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.m0f { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.cd23d4f { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }

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

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

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

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

.l70723 {
  border-radius: 9999px;
}

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

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

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

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

.j4b {
  opacity: 0.5;
}

.d610502 {
  opacity: 0.75;
}

.lb8 {
  opacity: 1;
}

.ba3d2 {
  display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .o65fef,
  .p6e7,
  .ca20eb {
    grid-template-columns: 1fr;
  }

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .h406cc,
  .o392,
  .fc0c2b {
    padding: var(--spacing-2xl) 0;
  }

  body {
    font-size: 0.95rem;
  }

  .o65fef,
  .p6e7,
  .ca20eb {
    grid-template-columns: 1fr;
  }
}

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

  h2 {
    font-size: 1.375rem;
  }

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

  .if3f {
    width: 100%;
  }

  .fa07 {
    gap: var(--spacing-md);
  }
}
.hc3f {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
}

.i165eb8 {
  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, 12vw, 80px);
  gap: clamp(1rem, 3vw, 2rem);
}

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

.bbe3b:hover {
  opacity: 0.85;
}

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

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

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

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

.h6522:hover {
  color: var(--color-primary);
}

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

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

.a1f {
  display: none;
  padding: clamp(0.625rem, 1vw + 0.5rem, 0.875rem) clamp(1.25rem, 2vw + 1rem, 1.75rem);
  background: var(--color-primary);
  color: var(--color-text-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

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

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

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

.e0283.pf53 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.ib0a2c4 {
  display: flex;
  justify-content: flex-end;
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
}

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

.g6bec:hover {
  color: var(--color-primary);
  transform: rotate(90deg);
}

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

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

.ld0d8bc:hover {
  background: var(--color-bg-secondary);
  color: var(--color-primary);
  padding-left: 2rem;
}

.d115855 {
  padding: 1rem 1.5rem;
  background: var(--color-primary);
  color: var(--color-text-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: var(--transition-base);
  margin: 1.5rem 1.5rem 0;
}

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

@media (min-width: 768px) {
  .m6a9b7 {
    display: flex;
  }

  .a1f {
    display: inline-block;
  }

  .mf4 {
    display: none;
  }

  .e0283 {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .i165eb8 {
    height: clamp(56px, 10vw, 72px);
  }

  .p1ecede5 {
    width: 36px;
    height: 36px;
  }

  .d75772 {
    font-size: clamp(1rem, 2vw + 0.4rem, 1.25rem);
  }
}

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

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

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

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

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

.g57 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

.ib2b4c8e,
.ae252c {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
  font-weight: 500;
  cursor: pointer;
}

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

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

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

.ae252c:hover {
  background: var(--color-primary);
  color: var(--color-text-light);
  transform: translateY(-2px);
}

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

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

.d4f7d43 {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  font-weight: bold;
}

.f34125 {
  font-size: clamp(0.75rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
}

.pf4deb {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 350px;
}

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

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

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

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

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

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

.a9a {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

.la19c3 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all var(--transition-base);
}

.la19c3:hover {
  color: var(--color-primary-hover);
  transform: translateX(4px);
}

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

.edb {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

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

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

.g063 {
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 2rem);
}

.kdb {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-light);
  line-height: var(--line-height-tight);
}

.l572705 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
  color: rgba(255, 255, 255, 0.8);
  margin-top: clamp(0.75rem, 1.5vw, 1.25rem);
  line-height: var(--line-height-relaxed);
}

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

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

.ma42e {
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  font-weight: bold;
  flex-shrink: 0;
  min-width: clamp(3rem, 8vw, 5rem);
}

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

.m92a58b5 {
  font-size: clamp(1.15rem, 2.5vw + 0.5rem, 1.75rem);
  color: var(--color-text-light);
  line-height: var(--line-height-tight);
}

.mb013e4e {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.05rem);
  color: rgba(255, 255, 255, 0.85);
  line-height: var(--line-height-relaxed);
}

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

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

.n782ce {
  text-align: center;
}

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

.l5124 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

.ofcf66df {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  align-items: flex-start;
}

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

.e7a75b {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-primary);
}

.dc42 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

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

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

.h4c621 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  text-align: center;
  line-height: var(--line-height-tight);
}

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

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

.o8bfa981 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  font-weight: bold;
}

.a9107 {
  font-size: clamp(1.15rem, 2.5vw + 0.5rem, 1.65rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

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

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

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

.h6d {
  font-size: clamp(1rem, 1.8vw + 0.5rem, 1.35rem);
  color: var(--color-text-light);
  line-height: var(--line-height-relaxed);
  font-style: italic;
  border-left: 4px solid var(--color-primary);
  padding-left: clamp(1rem, 2vw, 1.75rem);
}

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

.pecbc31d {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-light);
  font-weight: 600;
}

.l3e29 {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.05rem);
  color: rgba(255, 255, 255, 0.75);
}

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

.cba {
  position: relative;
  width: 100%;
  max-width: 450px;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

.e952588a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(60px, 12vw, 100px);
  height: clamp(60px, 12vw, 100px);
  background: rgba(5, 150, 105, 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: white;
  transition: all var(--transition-base);
  cursor: pointer;
}

.e952588a:hover {
  background: rgba(5, 150, 105, 1);
  transform: translate(-50%, -50%) scale(1.1);
}

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

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

.dd2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  text-align: center;
  line-height: var(--line-height-tight);
}

.gbf1 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
  position: relative;
  padding-left: clamp(2rem, 4vw, 3rem);
}

.gbf1::before {
  content: '';
  position: absolute;
  left: clamp(0.75rem, 2vw, 1.25rem);
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-primary);
}

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

.db79::before {
  content: '';
  position: absolute;
  left: clamp(-1.4rem, -2.5vw, -1.75rem);
  top: 0.25rem;
  width: clamp(1rem, 2vw, 1.25rem);
  height: clamp(1rem, 2vw, 1.25rem);
  background: var(--color-primary);
  border-radius: 50%;
  flex-shrink: 0;
}

.h920 {
  font-size: clamp(1.15rem, 2.5vw + 0.5rem, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  font-weight: bold;
  min-width: clamp(4rem, 8vw, 6rem);
}

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

.e014e {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

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

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

.m0bd9f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  text-align: center;
  line-height: var(--line-height-tight);
}

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

.p15b34 {
  flex: 1 1 200px;
  min-width: 180px;
  max-width: 280px;
  height: clamp(80px, 12vw, 120px);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  text-align: center;
}

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

.off1 {
  font-size: clamp(0.85rem, 1.2vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  line-height: var(--line-height-tight);
}

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

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

.ge7c2135 {
  width: 100%;
  max-width: 900px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3.5rem);
  box-shadow: var(--shadow-lg);
}

.l98dd {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  text-align: center;
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

.g28a32 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-bottom: clamp(1.25rem, 2vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

.g28a32:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

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

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

.ob46a {
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
  border-top: 2px solid var(--color-primary);
  text-align: center;
}

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

.l6b5ab8d {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all var(--transition-base);
}

.l6b5ab8d:hover {
  color: var(--color-primary-hover);
  transform: translateX(4px);
}

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

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

.bbfb {
  text-align: center;
}

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

.nac1008 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 1.5vw, 1.25rem);
  line-height: var(--line-height-relaxed);
}

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

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

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

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

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

.b782d {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

.n20 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all var(--transition-base);
  align-self: flex-start;
  margin-top: auto;
}

.n20:hover {
  color: var(--color-primary-hover);
  transform: translateX(4px);
}

.dadb23 {
  text-align: center;
  margin-top: clamp(1rem, 2vw, 2rem);
}

.d21b6 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all var(--transition-base);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 2.5vw, 2rem);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
}

.d21b6:hover {
  background: var(--color-primary);
  color: var(--color-text-light);
  transform: translateY(-2px);
}

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

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

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

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

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

.n65ed,
.f382bd1 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
  font-weight: 500;
  cursor: pointer;
  border: none;
}

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

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

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

.f382bd1:hover {
  background: var(--color-primary);
  color: var(--color-text-light);
  transform: translateY(-2px);
}

.obadcd {
  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: space-between;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
}

.obadcd.ba3d2 {
  display: none;
}

.lc8010f {
  color: #f1f5f9;
  margin: 0;
  font-size: clamp(0.8rem, 1vw + 0.5rem, 0.95rem);
  flex: 1 1 auto;
  line-height: var(--line-height-normal);
}

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

.l3bf3249,
.o5dcd1d {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  font-size: clamp(0.8rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

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

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

  .g57 {
    flex: 1 1 100%;
  }

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

  .dfeaa {
    max-height: 400px;
  }

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

  .a617b {
    flex: 1 1 100%;
  }

  .jdd8f4 {
    flex: 1 1 100%;
    grid-template-columns: 1fr;
  }

  .edb {
    aspect-ratio: 16 / 9;
  }

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

  .h077 {
    flex: 1 1 100%;
  }

  .he63810 {
    flex: 1 1 100%;
  }

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

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

  .b0a {
    flex-direction: column;
  }

  .n65ed,
  .f382bd1 {
    width: 100%;
  }

  .obadcd {
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
    justify-content: center;
  }

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

  .l3bf3249,
  .o5dcd1d {
    flex: 1;
    min-width: 120px;
  }
}

@media (max-width: 480px) {
  .f94691 {
    flex-direction: column;
    width: 100%;
  }

  .ib2b4c8e,
  .ae252c {
    width: 100%;
  }

  .o3ec4b {
    flex-direction: column;
  }

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

  .m640849d {
    flex-direction: column;
  }

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

  .ifded69 {
    flex-direction: column;
  }

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

  .b53ae {
    flex-direction: column;
  }

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

  .gbf1 {
    padding-left: clamp(1.5rem, 3vw, 2rem);
  }

  .gbf1::before {
    left: clamp(0.5rem, 1.5vw, 0.75rem);
  }

  .db79::before {
    left: clamp(-1.1rem, -2vw, -1.35rem);
  }

  .h920 {
    min-width: clamp(3rem, 6vw, 4rem);
  }
}

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

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

.o849 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 3rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  justify-content: space-between;
}

.jde1,
.i1dc,
.mca,
.f5f29 {
  flex: 1 1 200px;
  min-width: 160px;
}

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

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

.jde1 p {
  color: var(--color-text-secondary);
  max-width: 280px;
}

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

.h8068 li,
.fd622371 li {
  margin: 0;
  padding: 0;
}

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

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

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

.g1c p {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .jde1,
  .i1dc,
  .mca,
  .f5f29 {
    flex: 1 1 100%;
  }

  .h8068,
  .fd622371 {
    flex-direction: column;
    gap: 0.5rem;
  }
}

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

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

  .i01b983 h3 {
    margin-bottom: clamp(0.5rem, 1vw, 1rem);
    font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  }

  .i01b983 p {
    font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  }

  .i01b983 a {
    font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  }
}
    

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

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

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

.ffb {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.idba2ed {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

.nf6b8 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h55c {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.25rem);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.o87fb1a {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

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

.l0a5f {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o660 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
  flex-grow: 1;
}

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

.l36e2,
.f14a,
.m454ce2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  line-height: var(--line-height-normal);
}

.l36e2 i,
.f14a i,
.m454ce2 i {
  color: var(--color-primary);
  width: 1em;
}

.g131f {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  width: fit-content;
}

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

.g131f::after {
  content: '';
  transition: transform var(--transition-base);
}

.g131f:hover::after {
  transform: translateX(4px);
}

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

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

  .ab3 {
    flex-direction: column;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .d730c5 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

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

  .ped312c {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .nfeb i {
    color: var(--color-primary);
    font-size: 1.125rem;
  }

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

    .c081e9,
    .gbde91 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .f8cc7 {
      gap: 1rem;
    }
  }

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

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

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

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

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

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

  .n2ef {
    flex: 1 1 280px;
    min-width: 260px;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition-base), box-shadow var(--transition-base);
  }

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

  .n2ef i {
    font-size: clamp(2rem, 4vw, 2.5rem);
    color: var(--color-primary);
  }

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

  .i25 {
    font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-normal);
  }

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

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

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

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

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

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

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

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

  .c068fbb {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: clamp(1rem, 2vw, 1.5rem);
    border-left: 4px solid var(--color-primary);
    background: rgba(5, 150, 105, 0.05);
    border-radius: var(--radius-md);
  }

  .pfd6 {
    font-size: clamp(1rem, 1.5vw + 0.25rem, 1.25rem);
    color: var(--color-text-primary);
    font-weight: 700;
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .n748df7 {
    font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-normal);
  }

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

    .d371799,
    .d084be {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

  .da1627c5 {
    flex: 0 0 auto;
    width: clamp(50px, 10vw, 80px);
    height: clamp(50px, 10vw, 80px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    color: white;
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    border-radius: 50%;
    font-family: var(--font-heading);
    flex-shrink: 0;
  }

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

  .j7bbf {
    font-size: clamp(1.125rem, 2vw + 0.25rem, 1.5rem);
    color: var(--color-text-primary);
    font-weight: 700;
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .i997 {
    font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
  }

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

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

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

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

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

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

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

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

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

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

  .kdcb2d {
    flex: 1 1 160px;
    min-width: 140px;
    background: var(--color-bg-secondary);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: var(--radius-md);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .he2d4 {
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    color: var(--color-text-secondary);
    font-weight: 500;
    line-height: var(--line-height-tight);
  }

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

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

    .hbf4f735,
    .d90 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

  .k23 {
    flex: 1 1 240px;
    min-width: 220px;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition-base), box-shadow var(--transition-base);
    border-top: 4px solid var(--color-primary);
  }

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

  .hba {
    font-size: clamp(1rem, 1.5vw + 0.25rem, 1.25rem);
    color: var(--color-text-primary);
    font-weight: 700;
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .g533f {
    font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-normal);
  }

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

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

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

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

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

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

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

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

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

  .k33::before {
    content: "";
    position: absolute;
    left: 0;
    color: var(--color-primary);
    font-weight: 700;
    font-size: 1.25rem;
  }

  .k33 strong {
    color: var(--color-text-primary);
    font-weight: 700;
  }

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

    .h938f6e6,
    .f1bc4058 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

  .p0e {
    font-size: clamp(1.25rem, 3vw + 0.25rem, 1.75rem);
    color: var(--color-text-primary);
    font-weight: 700;
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .j004048a {
    font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
  }

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

  .h2ce {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: flex-start;
    max-width: 700px;
    margin: 0 auto;
  }

  .o813 {
    flex: 0 0 auto;
  }

  .o813 img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    box-shadow: var(--shadow-md);
  }

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

  .f14257 {
    font-size: clamp(1.125rem, 2vw + 0.25rem, 1.5rem);
    color: var(--color-text-primary);
    font-weight: 700;
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0;
  }

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

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

  .fd944478 {
    font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
    color: var(--color-primary);
    font-weight: 600;
    line-height: var(--line-height-tight);
    margin: 0;
  }

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

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

    .oc0c7b {
      align-items: center;
    }
  }

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

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

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

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

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

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

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

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

  .o714c:hover .g53556 img {
    transform: scale(1.05);
  }

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

  .i5048 {
    font-size: clamp(1rem, 1.5vw + 0.25rem, 1.375rem);
    color: var(--color-text-primary);
    font-weight: 700;
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0;
  }

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

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

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

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

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

    .i16c {
      gap: 1.5rem;
    }
  }

  @media (max-width: 480px) {
    .e5bb {
      font-size: 0.75rem;
      gap: 0.5rem;
    }

    .nfeb {
      gap: 0.25rem;
    }
  }

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

.n3053 a {
  color: var(--color-primary);
}

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

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

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

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

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

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

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

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

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

.j29074 i {
  color: var(--color-primary);
}

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

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

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

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

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

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

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

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

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

.oac8 {
  background: var(--color-bg-primary);
  border-left: 4px solid var(--color-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

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

.a6c016 i {
  color: var(--color-primary);
}

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

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

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

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

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

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

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

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

.oeed {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.oeed i {
  color: var(--color-secondary);
}

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

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

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

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

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

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

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

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

.k198 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-light);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

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

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

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

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

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

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

.d2a37 {
  list-style: none;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

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

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

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

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

.nb1 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 1.3;
}

.nb1 i {
  color: var(--color-primary);
}

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

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

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

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

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

.pa02 {
  flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
  min-width: 200px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  position: relative;
  padding-top: clamp(3rem, 5vw, 4rem);
}

.gd2f0 {
  position: absolute;
  top: clamp(0.5rem, 2vw, 1rem);
  left: clamp(1rem, 3vw, 1.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2rem, 5vw, 3rem);
  height: clamp(2rem, 5vw, 3rem);
  background: var(--color-primary);
  color: white;
  border-radius: 50%;
  font-weight: bold;
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.b72ab2e {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 1.3;
}

.b72ab2e i {
  color: var(--color-warning);
}

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

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

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

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

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

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

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

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

.ncbb22 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  line-height: 1.3;
}

.ncbb22 i {
  color: var(--color-warning);
}

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

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

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

.h8a1bc {
  flex-shrink: 0;
}

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

.i54c19 {
  flex: 1;
}

.l98cc {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  margin-bottom: 0.25rem;
  line-height: 1.3;
}

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

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

.b407d5f2 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.b58 {
  color: var(--color-primary);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

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

@media (max-width: 768px) {
  .kb2b50b0,
  .je429c,
  .k2a,
  .nb7,
  .lfa1b,
  .mf70 {
    flex-direction: column;
  }

  .d596f69,
  .c248,
  .k2f9f86,
  .gaa,
  .dfd,
  .j8f4f,
  .k0cc5,
  .p0ccdaec,
  .f4f27,
  .ae01,
  .b16e,
  .j03 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .i3f351 {
    flex: 1 1 100%;
  }

  .l1e {
    flex: 1 1 100%;
  }

  .pa02 {
    flex: 1 1 100%;
  }

  .o95a8 {
    flex: 1 1 100%;
  }

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

  .h8a1bc {
    align-self: center;
  }
}

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

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

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

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

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

.p6e {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.75rem, 1vw, 0.9rem);
}

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

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

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

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

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

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

.eb1 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.85rem, 1vw, 1rem);
}

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

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

.o9eeae {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  line-height: 1.6;
  margin-bottom: 0;
}

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

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

@media (max-width: 768px) {
  .c3082e88 {
    flex-direction: column;
  }
  
  .cd1e55,
  .ea138fa {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .gcc36f1 {
    flex-direction: column;
  }
  
  .p29b5c6,
  .o86d7a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.jf6 {
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

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

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

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

@media (max-width: 768px) {
  .l30 {
    flex-direction: column;
  }
  
  .i0e70896,
  .d15 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.ld9243 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-left: clamp(3rem, 4vw, 4rem);
  position: relative;
}

.c364918d {
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  font-family: 'Crimson Pro', serif;
}

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

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

@media (max-width: 768px) {
  .g95f9 {
    flex-direction: column;
  }
  
  .o4f8,
  .obe {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.f4941c9 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  font-family: 'Crimson Pro', serif;
}

.c3a3bab {
  color: var(--color-text-light);
  font-size: clamp(0.85rem, 1vw, 0.975rem);
  line-height: 1.5;
  margin: 0;
}

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

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

@media (max-width: 768px) {
  .g05f {
    flex-direction: column;
  }
  
  .cf4e0e,
  .ce87e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.cd05c {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'Crimson Pro', serif;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

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

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

.m70faa:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.a27d {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
}

.dea4dd93 {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 1.3vw, 1.25rem);
  font-weight: 600;
  margin: 0;
}

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

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

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

.gfd {
  display: flex;
  flex-direction: column;
  max-width: 800px;
  margin: 0 auto;
}

.d6d {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'Crimson Pro', serif;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
}

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

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

.k64cb {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1.1vw, 1.05rem);
  line-height: 1.7;
  margin: 0;
}

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

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

.pb53d {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
}

.od0f78 {
  color: var(--color-text-light);
  font-size: clamp(1.15rem, 2vw, 1.5rem);
  font-weight: 600;
  margin: 0;
}

.of0ba5fe {
  color: var(--color-text-light);
  font-size: clamp(0.85rem, 1vw, 0.975rem);
  line-height: 1.7;
  margin: 0;
}

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

.o98d8f9 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: flex-start;
  max-width: 600px;
  margin: 0 auto;
}

.nac3 {
  flex: 0 0 clamp(100px, 15vw, 150px);
}

.p2d1da {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  display: block;
}

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

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

.f0c10 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  font-weight: 600;
  margin: 0;
}

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

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

.kb8 {
  color: var(--color-accent);
  font-size: clamp(0.85rem, 1.1vw, 1rem);
  font-weight: 500;
  margin: 0;
}

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

@media (max-width: 768px) {
  .o98d8f9 {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .nac3 {
    flex: 0 0 clamp(100px, 25vw, 120px);
  }
}

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

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

.d4cd653e {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'Crimson Pro', serif;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

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

.ga7 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  max-width: calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

.ga7:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

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

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

.ga7:hover .bbd711a img {
  transform: scale(1.05);
}

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

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

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

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

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

@media (max-width: 1024px) {
  .ga7 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    max-width: calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.ka8559c {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.2rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-family: var(--font-primary);
}

.o694f5 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  font-size: clamp(0.85rem, 1vw, 1rem);
}

.l7002,
.b768d84,
.je21 {
  color: var(--color-text-secondary);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.l7002::before {
  content: "";
}

.b768d84::before {
  content: "";
}

.je21::before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j464c3e {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-light);
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

.mf6 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-light);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: var(--font-primary);
}

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

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

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

.a5d526 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  text-align: center;
  font-family: var(--font-primary);
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

.g2dc0 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  font-family: var(--font-primary);
}

.l48782 {
  width: 100%;
}

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

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

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

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

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

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

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

.nde33df {
  display: flex;
  flex-direction: row;
  gap: clamp(1.25rem, 2vw, 1.75rem);
}

.a156 {
  font-size: clamp(2rem, 3vw, 2.75rem);
  font-weight: 700;
  color: var(--color-primary);
  font-family: var(--font-heading);
  flex-shrink: 0;
  width: clamp(3rem, 5vw, 4rem);
  text-align: center;
}

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

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

.l5c645 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  font-family: var(--font-primary);
}

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

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

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

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

.i633 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-light);
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
  text-align: center;
  font-weight: 700;
}

.b9ce {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-light);
  line-height: var(--line-height-relaxed);
  text-align: center;
  font-family: var(--font-primary);
  max-width: 800px;
  margin: 0 auto;
}

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

.p8884d {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  background: rgba(255, 255, 255, 0.08);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
}

.cda {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-light);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.nc3 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-light);
  line-height: var(--line-height-relaxed);
  font-family: var(--font-primary);
}

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

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

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

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

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

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

.m561087f {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  max-width: 900px;
  margin: 0 auto;
}

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

.g7f {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  font-family: var(--font-primary);
}

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

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

.cf561d8c {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 2vw, 2rem);
  align-items: flex-start;
  max-width: 600px;
}

.c3484 {
  flex-shrink: 0;
}

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

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

.lafde3 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
}

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

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

.pa9da84d {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  font-family: var(--font-primary);
}

.k3f1137 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

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

.h0e73fe {
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
}

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

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

.oe1b8691 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  font-family: var(--font-primary);
}

@media (max-width: 1023px) {
  .m7f,
  .c70,
  .abfb,
  .ie02,
  .n7a9 {
    flex-direction: column;
  }

  .ia8a2,
  .b22fdc,
  .g4d6,
  .ca6667,
  .o13b9,
  .f545,
  .odcb2,
  .g73f9a3,
  .je46684f,
  .d5312 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .odcb2 {
    order: 0;
  }

  .mb5b {
    flex: 1 1 100%;
  }

  .p8884d {
    flex: 1 1 100%;
  }

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

@media (max-width: 768px) {
  .o51 {
    font-size: 0.75rem;
  }

  .o8899e {
    flex: 1 1 100%;
  }

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

  .a156 {
    width: auto;
    text-align: left;
  }

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

  .c3484 {
    flex-shrink: 0;
  }

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

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

  .fac3aeb,
  .c0b6b1,
  .j464c3e,
  .f176fb,
  .i633,
  .j940a0,
  .n68fc8 {
    font-size: 1.25rem;
  }
}

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

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

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

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

.e82 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  background: var(--color-primary);
  color: #ffffff;
  border-radius: 4px;
  font-weight: 600;
  text-align: center;
  transition: var(--transition-base);
}

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

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

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

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

.d7c63b {
  text-align: center;
  max-width: 900px;
}

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

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

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

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

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

.bc7da {
  text-align: center;
}

.g4fd0 {
  display: inline-block;
  background: var(--color-secondary);
  color: #ffffff;
  padding: 0.4rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.9rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

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

.n5933a33 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: #e0e0e0;
  line-height: 1.8;
  max-width: 800px;
  margin: 0 auto;
}

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

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

.e15 {
  text-align: center;
}

.e3faf3e4 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1rem;
}

.c4c0 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
}

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

.m0072 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 6px;
  border-left: 4px solid var(--color-primary);
  transition: var(--transition-base);
}

.m0072:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(5, 150, 105, 0.12);
}

.lf4 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-primary);
  margin-bottom: 1rem;
}

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

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

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

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

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

.i08fd01 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1.5rem;
}

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

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

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

.i575c {
  flex-shrink: 0;
  width: clamp(3rem, 8vw, 4rem);
  height: clamp(3rem, 8vw, 4rem);
  background: var(--color-primary);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
}

.cfc2 {
  flex: 1;
  padding-top: clamp(0.5rem, 1vw, 0.75rem);
}

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

.a33 {
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

.d4d8 {
  text-align: center;
}

.h8ff0 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 1rem;
}

.n4b2ba {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: #d0d0d0;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
}

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

.i45ba30 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 200px;
  text-align: center;
  padding: clamp(1.5rem, 2vw, 2rem);
}

.e0c79 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-secondary);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.a77 {
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: #e0e0e0;
  font-weight: 500;
}

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

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

.m9b9ce {
  text-align: center;
}

.ja00 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.cc72a3 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
}

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

.fd835a {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-secondary);
  border-radius: 6px;
  border-left: 3px solid var(--color-primary);
}

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

.e8c0f1 {
  flex: 1;
}

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

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

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

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

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

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

.lde3e {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading);
}

.ma3b165 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 850px;
}

@media (max-width: 768px) {
  .g50 {
    padding: 2rem 0;
  }

  .ie7,
  .c4e,
  .o23,
  .hca8,
  .bd0116 {
    padding: 2rem 0;
  }

  .m0072 {
    flex: 1 1 100%;
  }

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

  .i575c {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
  }

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

  .ke22 {
    gap: 1.5rem;
  }

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

  .iac6 {
    margin-top: 0;
  }
}

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

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

  .ke22 {
    flex-direction: column;
  }

  .i575c {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 1.1rem;
  }
}

.g4cd {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  color: #ffffff;
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 8px;
  text-align: center;
  margin: clamp(2rem, 4vw, 3rem) auto;
  max-width: 600px;
}

.l87a {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3vw, 2rem);
  color: #ffffff;
  margin-bottom: 1rem;
  font-weight: 700;
}

.h20 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: #ffffff;
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
  line-height: 1.7;
}

.f5647d0 {
  display: inline-block;
  background: #ffffff;
  color: var(--color-primary);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  border-radius: 4px;
  font-weight: 600;
  transition: var(--transition-base);
}

.f5647d0:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

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

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

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

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

.n7c {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 6vw + 0.5rem, 4rem);
  color: var(--color-text-light);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o2be7579 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.leeab {
  width: 100%;
  max-width: 300px;
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

  .m07260 {
    flex: 1;
    text-align: left;
  }

  .leeab {
    flex: 0 0 300px;
  }
}

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

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

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

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

.daf {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.h0061ca {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ke137f1 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  padding-top: clamp(0.5rem, 1vw, 1rem);
  border-top: 2px solid var(--color-border-light);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ba0fad {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

.k777 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i95c8 {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .bf417 {
    flex: 1;
  }

  .a7b338 {
    flex: 0 0 350px;
    width: 350px;
  }
}

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

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

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

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

.b93b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.lcee58a:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-4px);
}

.c59f {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%);
  border-radius: var(--radius-md);
  font-size: 1.75rem;
  color: var(--color-text-light);
}

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

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

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

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

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

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

.ga2cd {
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

.c8a {
  margin: 0;
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-card);
  border-left: 5px solid var(--color-primary);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.ocd {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  font-style: italic;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n0e6c5 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-style: normal;
}

.p673e {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k2a97 {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hd0ba7 {
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

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

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

.gb9639c {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  position: relative;
  padding-left: clamp(4rem, 8vw, 5rem);
}

.bd5 {
  position: absolute;
  left: clamp(1rem, 2vw, 1.5rem);
  top: clamp(1rem, 2vw, 1.5rem);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 3vw + 0.5rem, 3rem);
  color: var(--color-primary);
  font-weight: 700;
  opacity: 0.2;
}

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

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

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

  .gb9639c {
    flex: 1;
  }
}

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

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

.gd815a6 {
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

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

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

.nb393bf4:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

.hfd106 {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%);
  border-radius: var(--radius-md);
  color: var(--color-text-light);
  font-size: 1.5rem;
  flex-shrink: 0;
}

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

.g4b0e {
  margin: 0;
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
}

.db5bb {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.db5bb:hover {
  color: var(--color-primary);
}

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

.eb38fa {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
  color: var(--color-primary);
  font-weight: 500;
}

@media (min-width: 768px) {
  .nb393bf4 {
    gap: clamp(2rem, 4vw, 3rem);
  }
}

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

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

.g2e {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 5vw, 3.5rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

.ld06 {
  display: inline-block;
  background: var(--color-text-light);
  color: var(--color-primary);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  transition: all var(--transition-base);
  align-self: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ld06:hover {
  background: var(--color-text-light-secondary);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

.med {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.cb6df {
  display: inline-block;
  background: var(--color-primary);
  color: var(--color-text-light);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  transition: all var(--transition-base);
  align-self: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .g2e,
  .o1db2 {
    flex: 1;
  }
}

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

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

.e3d {
  width: 100%;
  background-color: var(--color-bg-primary);
}

.adcf {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.n3449 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.h68413c {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
  line-height: var(--line-height-tight);
}

.n79c3 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.3rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.hd8ff5f {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.lca7b {
  max-width: 1200px;
  margin: 0 auto;
}

.c06b3 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.m1e19 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

.m1e19:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

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

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

.m1e19:hover .aa9da99f img {
  transform: scale(1.05);
}

.n32 {
  padding: var(--spacing-lg);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.m69af2 {
  display: flex;
  gap: var(--spacing-sm);
  align-items: center;
  margin-bottom: var(--spacing-sm);
}

.m41 {
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-primary);
  background-color: var(--color-primary-light);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
}

.ec14 {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  color: var(--color-text-muted);
}

.h56af {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.2rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  line-height: var(--line-height-tight);
}

.pb9cd9 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.o3e4d82 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.k83909e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.3rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  line-height: var(--line-height-tight);
}

.f1b8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.fa7bfd7 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-light);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.2rem, 1.025rem);
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

@media (min-width: 640px) {
  .adcf {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .hd8ff5f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .c06b3 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .aa9da99f {
    height: 240px;
  }

  .o3e4d82 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .adcf {
    padding: 4rem var(--spacing-xl);
  }

  .hd8ff5f {
    padding: 4rem var(--spacing-xl);
  }

  .c06b3 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .aa9da99f {
    height: 280px;
  }

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

  .o3e4d82 {
    padding: 4rem var(--spacing-xl);
  }

  .gdc65e {
    max-width: 800px;
  }
}

@media (min-width: 1280px) {
  .c06b3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.b425b786 {
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.k3ddb {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.d0424 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

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

.g56c6c1e {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.l0e0d {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.hb825 {
  max-width: 900px;
  margin: 0 auto;
}

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

.gc21717 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

.gc21717:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

.l42dbf23 {
  width: 100%;
  background-color: var(--color-bg-card);
  border: none;
  padding: var(--spacing-lg);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background-color var(--transition-base);
  text-align: left;
}

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

.d274d {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-normal);
  flex: 1;
}

.ac2e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 300;
  transition: transform var(--transition-base);
  flex-shrink: 0;
  margin-left: var(--spacing-md);
}

.gc21717[open] .ac2e {
  transform: rotate(45deg);
}

.g12 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
  max-height: 500px;
  overflow: hidden;
  animation: slideDown var(--transition-base) ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

.g12 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.haca {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.g2031d6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.d9f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.bb6b {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  justify-content: center;
  align-items: center;
}

.b26d {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  text-align: center;
  min-width: 240px;
}

.bc3654a9 {
  background-color: var(--color-primary);
  color: var(--color-text-light);
  border: 2px solid var(--color-primary);
}

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

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

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

.a724 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.mbe {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--spacing-lg);
}

.d890f9b {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  aspect-ratio: 4/3;
}

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

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

@media (min-width: 640px) {
  .k3ddb {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .l0e0d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .haca {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .a724 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .bb6b {
    flex-direction: row;
    gap: var(--spacing-lg);
  }

  .b26d {
    min-width: 200px;
  }
}

@media (min-width: 768px) {
  .k3ddb {
    padding: 4rem var(--spacing-xl);
  }

  .l0e0d {
    padding: 4rem var(--spacing-xl);
  }

  .haca {
    padding: 4rem var(--spacing-xl);
  }

  .a724 {
    padding: 4rem var(--spacing-xl);
  }

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

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

@media (min-width: 1024px) {
  .k3ddb {
    padding: 5rem var(--spacing-2xl);
  }

  .l0e0d {
    padding: 5rem var(--spacing-2xl);
  }

  .haca {
    padding: 5rem var(--spacing-2xl);
  }

  .a724 {
    padding: 5rem var(--spacing-2xl);
  }

  .mbe {
    grid-template-columns: repeat(5, 1fr);
  }
}

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

.l93c0 .nae {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.nae929 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.l93c0 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.l93c0 .ied1b0 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
}

.f2d {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.f2d .nae {
  max-width: 1440px;
  margin: 0 auto;
}

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

.f2d h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-tight);
}

.f2d p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-md) 0;
}

.f2d ul {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-md) var(--spacing-lg);
  padding: 0;
}

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

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

.l0c2cb14 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  margin-top: var(--spacing-2xl);
  overflow: hidden;
}

.l0c2cb14 .nae {
  max-width: 1440px;
  margin: 0 auto;
}

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

.l0c2cb14 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-tight);
}

.l0c2cb14 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-md) 0;
}

@media (min-width: 768px) {
  .nae929 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .f2d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .l0c2cb14 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .nae929 {
    padding: var(--spacing-3xl) 0;
  }

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

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

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

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

main {
  width: 100%;
  min-height: 100vh;
}

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

.gbd {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.pcefe {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.o88ebbe {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.l768a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

.l49 {
  width: clamp(60px, 15vw, 120px);
  height: clamp(60px, 15vw, 120px);
  color: var(--color-success);
  stroke: var(--color-success);
}

.p975b {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

.cd8487 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: var(--spacing-md) 0 0 0;
  line-height: var(--line-height-normal);
}

.oc5b8d2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin: var(--spacing-xl) 0;
}

.oc5b8d2 p {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  letter-spacing: 0.3px;
}

.oc5b8d2 p:first-child {
  color: var(--color-text-primary);
}

.oc5b8d2 p:last-child {
  color: var(--color-text-secondary);
}

.e82 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
  letter-spacing: 0.3px;
}

.c18cca8 {
  background-color: var(--color-primary);
  color: var(--color-text-light);
  border: 2px solid var(--color-primary);
}

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

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

.c2a453d2 {
  margin-top: var(--spacing-lg);
  min-width: 220px;
}

@media (min-width: 640px) {
  .gbd {
    padding: var(--spacing-xl) var(--spacing-md);
  }

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

  .oc5b8d2 {
    gap: var(--spacing-lg);
    margin: var(--spacing-2xl) 0;
  }
}

@media (min-width: 768px) {
  .gbd {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

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

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

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

@media (min-width: 1024px) {
  .gbd {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .oc5b8d2 {
    gap: var(--spacing-xl);
    margin: var(--spacing-3xl) 0;
  }

  .l49 {
    width: 120px;
    height: 120px;
  }
}

.hbe {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg);
}

.m30 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.m30 .nae {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
}

.m30 .pcefe {
  width: 100%;
  max-width: 600px;
  text-align: center;
}

.gbcd4b {
  margin-bottom: var(--spacing-2xl);
  position: relative;
}

.ldf {
  width: clamp(80px, 20vw, 140px);
  height: clamp(80px, 20vw, 140px);
  margin: 0 auto var(--spacing-xl);
  color: var(--color-primary);
  opacity: 0.9;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

.n9a {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -2px;
}

.o56dc {
  display: flex;
  gap: var(--spacing-sm);
  justify-content: center;
  margin: var(--spacing-lg) 0 var(--spacing-2xl) 0;
}

.i163 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-primary);
  opacity: 0.6;
  animation: pulse 2s ease-in-out infinite;
}

.i163:nth-child(2) {
  animation-delay: 0.3s;
}

.i163:nth-child(3) {
  animation-delay: 0.6s;
}

@keyframes pulse {
  0%, 100% {
    opacity: 0.3;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}

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

.k11 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: -0.5px;
}

.pbddd7 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 500;
}

.a92dfe {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
}

.jc4e {
  display: flex;
  gap: var(--spacing-md);
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: var(--spacing-xl);
}

.e82 {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  white-space: nowrap;
}

.c18cca8 {
  background-color: var(--color-primary);
  color: var(--color-text-light);
  border: 2px solid var(--color-primary);
}

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

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

.mbcc {
  padding-top: var(--spacing-xl);
  border-top: 1px solid var(--color-border-light);
}

.mbcc p {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  line-height: var(--line-height-normal);
  color: var(--color-text-muted);
  margin: 0;
}

@media (min-width: 768px) {
  .hbe {
    padding: var(--spacing-xl);
  }

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

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

  .ldf {
    width: clamp(100px, 20vw, 160px);
    height: clamp(100px, 20vw, 160px);
  }
}

@media (min-width: 1024px) {
  .m30 .nae {
    padding: 0 var(--spacing-xl);
  }

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

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

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

  .n9a {
    letter-spacing: -3px;
  }

  .k11 h2 {
    letter-spacing: -1px;
  }
}

@media (min-width: 1440px) {
  .hbe {
    padding: var(--spacing-2xl);
  }
}

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

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

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

.n214d {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
  padding: 0;
}

.g60 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  padding: 0;
  max-width: 600px;
}

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

.g72 {
  width: 100%;
}

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

@media (min-width: 768px) {
  .dd6db {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(3rem, 5vw, 4rem);
    align-items: start;
  }
}

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

.be739d5 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
  padding: 0;
}

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

.kab06 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.o1a3c {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
  margin: 0;
  padding: 0;
}

.d19ec10f,
.k434 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  background-color: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 0.875rem 1rem;
  width: 100%;
  box-sizing: border-box;
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
  line-height: var(--line-height-normal);
}

.d19ec10f::placeholder,
.k434::placeholder {
  color: var(--color-text-muted);
}

.d19ec10f:focus,
.k434:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
  box-shadow: 0 0 0 2px rgba(var(--color-primary), 0.1);
}

.k434 {
  min-height: 140px;
  resize: vertical;
}

.g60416 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0.5rem;
}

.d601edfa {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-light);
  background-color: var(--color-primary);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  padding: 1rem 2rem;
  width: 100%;
  cursor: pointer;
  transition: background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base);
  text-align: center;
}

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

.d601edfa:active {
  transform: scale(0.98);
}

.o74 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.85vw, 0.85rem);
  color: var(--color-text-muted);
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: var(--line-height-normal);
}

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

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

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

.i1b2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
  padding: 0;
}

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

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

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

.ib1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2rem, 5vw, 2.5rem);
  height: clamp(2rem, 5vw, 2.5rem);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  flex-shrink: 0;
}

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

.ef9c34 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  padding: 0;
}

.m42f0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-fast);
  line-height: var(--line-height-normal);
}

.m42f0:hover {
  color: var(--color-primary);
}

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

.i133c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  padding: 0;
}

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

.f3762b71 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 0;
  margin: 0;
}

.k531dc {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw, 0.95rem);
  font-weight: 500;
  color: var(--color-text-primary);
}

.lab {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw, 0.95rem);
  color: var(--color-text-secondary);
}

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

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

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

.l2c8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  padding: 0;
  max-width: 500px;
}

.gbe3 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-light);
  background-color: var(--color-primary);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  padding: 0.875rem 2rem;
  text-decoration: none;
  display: inline-block;
  transition: background-color var(--transition-base), color var(--transition-base);
  cursor: pointer;
}

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

@media (max-width: 767px) {
  .n2a {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .p82de5 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .ncc {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .ad22 {
    padding: clamp(1.25rem, 2.5vw, 2rem);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .n2a {
    padding: clamp(3rem, 7vw, 4rem) 0;
  }

  .p82de5 {
    padding: clamp(3rem, 7vw, 4rem) 0;
  }

  .ncc {
    padding: clamp(3rem, 7vw, 4rem) 0;
  }
}

@media (min-width: 1024px) {
  .n2a {
    padding: 5rem 0;
  }

  .p82de5 {
    padding: 5rem 0;
  }

  .ncc {
    padding: 5rem 0;
  }

  .j35edcec:hover .ib1 {
    background-color: var(--color-primary);
    color: var(--color-text-light);
  }
}
.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;
}

@media (max-width: 768px) {
  .h06 {
    aspect-ratio: 6 / 9;
  }
  .edb {
    aspect-ratio: 6 / 9;
  }
  .o87fb1a {
    aspect-ratio: 6 / 9;
  }
}