@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;500;600;700&family=Open+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: #75716e;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #f0fdf4;

  --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: #059669;
  --color-warning: #f59e0b;
  --color-danger: #dc2626;

  --color-border: #e7e5e4;
  --color-border-light: #f5f5f4;
  --color-border-dark: #27342a;

  --font-primary: 'Open Sans', sans-serif;
  --font-heading: 'Libre Baskerville', serif;

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

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

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

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

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;

  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  --line-height-loose: 2;

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

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

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

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

.i1c {
  max-width: 1280px;
  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);
  margin-bottom: var(--spacing-md);
}

h1 {
  font-size: var(--font-size-5xl);
  letter-spacing: -0.02em;
}

h2 {
  font-size: var(--font-size-4xl);
  letter-spacing: -0.015em;
}

h3 {
  font-size: var(--font-size-3xl);
  letter-spacing: -0.01em;
}

h4 {
  font-size: var(--font-size-2xl);
}

h5 {
  font-size: var(--font-size-xl);
}

h6 {
  font-size: var(--font-size-lg);
}

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
}

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

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

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

.pf90d73 {
  background: var(--color-primary);
  color: var(--color-text-light);
  padding: var(--spacing-md) var(--spacing-xl);
}

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

.e26b38a5 {
  background: var(--color-secondary);
  color: var(--color-text-light);
  padding: var(--spacing-md) var(--spacing-xl);
}

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

.mf1a1edc {
  background: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  padding: calc(var(--spacing-md) - 2px) calc(var(--spacing-xl) - 2px);
}

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

.lb4 {
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: var(--font-size-sm);
}

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

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

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

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

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

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

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

.oaf5:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--color-primary-light);
}

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

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

.a7d p,
.a7d a {
  color: var(--color-text-light-secondary);
}

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

.g5cf {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-lg);
  font-size: var(--font-size-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

.l7b {
  background: var(--color-secondary-lighter);
  color: var(--color-secondary);
}

.i50bdcb7 {
  background: #dcfce7;
  color: var(--color-success);
}

.lde8f {
  background: #fef3c7;
  color: var(--color-warning);
}

.i37 {
  background: #fee2e2;
  color: var(--color-danger);
}

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

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

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

.de1c6 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
}

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

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

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

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

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

.ae9cb {
  display: flex;
  gap: var(--spacing-md);
}

.c79324f1 {
  flex-direction: column;
}

.l99 {
  justify-content: space-between;
  align-items: center;
}

.iba021 {
  justify-content: center;
  align-items: center;
}

.n5b {
  text-align: center;
}

.c19cf09f {
  text-align: right;
}

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

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

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

.e6f {
  color: var(--color-success);
}

.ob5ff {
  color: var(--color-warning);
}

.eca83 {
  color: var(--color-danger);
}

.b2e3 {
  font-weight: 700;
}

.ib5246 {
  font-weight: 600;
}

.a94a3a {
  font-weight: 500;
}

.l32a09 {
  font-weight: 400;
}

.i181 {
  font-size: var(--font-size-sm);
}

.da5d {
  font-size: var(--font-size-lg);
}

.a87e7 {
  font-size: var(--font-size-xl);
}

.g9d9cc { margin-top: var(--spacing-xs); }
.hf3fa1c7 { margin-top: var(--spacing-sm); }
.abd8561 { margin-top: var(--spacing-md); }
.p4a6f011 { margin-top: var(--spacing-lg); }
.bd1de { margin-top: var(--spacing-xl); }
.ded87e17 { margin-top: var(--spacing-2xl); }
.n20a8 { margin-top: var(--spacing-3xl); }

.j849 { margin-bottom: var(--spacing-xs); }
.l66 { margin-bottom: var(--spacing-sm); }
.na2 { margin-bottom: var(--spacing-md); }
.p03e484 { margin-bottom: var(--spacing-lg); }
.of7dcc { margin-bottom: var(--spacing-xl); }
.j3e { margin-bottom: var(--spacing-2xl); }
.g9aaef3 { margin-bottom: var(--spacing-3xl); }

.i13c2 { margin-top: var(--spacing-xs); margin-bottom: var(--spacing-xs); }
.e52c { margin-top: var(--spacing-sm); margin-bottom: var(--spacing-sm); }
.h53a69 { margin-top: var(--spacing-md); margin-bottom: var(--spacing-md); }
.ide5ae { margin-top: var(--spacing-lg); margin-bottom: var(--spacing-lg); }
.pcf { margin-top: var(--spacing-xl); margin-bottom: var(--spacing-xl); }
.a00e3aa { margin-top: var(--spacing-2xl); margin-bottom: var(--spacing-2xl); }
.dc296f8b { margin-top: var(--spacing-3xl); margin-bottom: var(--spacing-3xl); }

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

.e60e69ab { padding-top: var(--spacing-xs); }
.d709 { padding-top: var(--spacing-sm); }
.k8f1 { padding-top: var(--spacing-md); }
.l0d58 { padding-top: var(--spacing-lg); }
.if9b62f4 { padding-top: var(--spacing-xl); }

.f7906 { padding-bottom: var(--spacing-xs); }
.j69b418 { padding-bottom: var(--spacing-sm); }
.l3ebea0 { padding-bottom: var(--spacing-md); }
.j8e3dbf { padding-bottom: var(--spacing-lg); }
.mbe32d { padding-bottom: var(--spacing-xl); }

.md32 { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); }
.l2a6 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.b7c43 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.eaafbf { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.ha28 { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }

.b77c { gap: var(--spacing-xs); }
.ief79c { gap: var(--spacing-sm); }
.n7b61 { gap: var(--spacing-md); }
.fa0ef { gap: var(--spacing-lg); }
.g49ba76 { gap: var(--spacing-xl); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.of0e2355 {
  border-color: var(--color-primary);
}

.pe28a88c > * + * {
  border-top: 1px solid var(--color-border);
}

.c9d8 > * + * {
  border-left: 1px solid var(--color-border);
}

.h4950 {
  opacity: 0.5;
}

.m2dfc60 {
  opacity: 0.75;
}

.iaa59 {
  opacity: 0;
}

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

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

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

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

  h2 {
    font-size: var(--font-size-3xl);
  }

  h3 {
    font-size: var(--font-size-2xl);
  }

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

  .cfac4d6,
  .pa5d4fe8,
  .j9c {
    grid-template-columns: 1fr;
  }

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

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

  h2 {
    font-size: var(--font-size-2xl);
  }

  h3 {
    font-size: var(--font-size-xl);
  }

  body {
    font-size: var(--font-size-sm);
  }

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

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

  button {
    width: 100%;
  }

  .ae9cb {
    flex-direction: column;
  }
}
.pb1ddf {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
}

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

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

.g53959:hover {
  opacity: 0.85;
}

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

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

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

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

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

.ma62d {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 600;
  border-radius: 0.5rem;
  text-decoration: none;
  transition: all var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

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

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

.a3a86.j575 span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.a3a86.j575 span:nth-child(2) {
  opacity: 0;
}

.a3a86.j575 span:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

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

.b4b5e.j575 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

.d99863 {
  padding: 1rem 1.5rem;
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.o3c9060a {
  padding: 1rem 1.5rem;
  margin: 1rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  border-radius: 0.5rem;
  text-align: center;
  transition: all var(--transition-base);
}

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

@media (min-width: 768px) {
  .lc5973 {
    height: 80px;
  }

  .c214775 {
    display: flex;
  }

  .ma62d {
    display: inline-block;
  }

  .a3a86 {
    display: none;
  }

  .b4b5e {
    display: none;
  }
}

@media (min-width: 1024px) {
  .e1370e {
    font-size: 1.25rem;
  }

  .p6ac77 {
    font-size: 1rem;
  }

  .c214775 {
    gap: 2rem;
    margin: 0 3rem;
  }
}

    .nafc {
  width: 100%;
}

.a2f {
  background: var(--color-bg-primary);
  padding: 0;
  overflow: hidden;
}

.gb07 {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.jc228d {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.jae4 {
  text-align: center;
  max-width: 800px;
  padding: 0 clamp(1rem, 4vw, 2rem);
}

.m486 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-light);
  margin: 0 0 1rem 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (min-width: 768px) {
  .j61a9d {
    flex-direction: row;
    gap: 1.5rem;
  }
}

.j78 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border: none;
}

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

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

.e26b38a5 {
  background: transparent;
  color: var(--color-text-light);
  border: 2px solid var(--color-text-light);
}

.e26b38a5:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--color-text-light);
}

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

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

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

.ic8eb {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

.id7fff0c {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

.n7e4 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}

.p65803b {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.jf6e2 {
  color: var(--color-accent);
  font-size: 1.25rem;
  flex-shrink: 0;
}

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

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

.pab5306 {
  width: 100%;
  aspect-ratio: 4 / 3;
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  min-height: 250px;
  max-height: 450px;
}

.ec545f {
  font-size: 3rem;
  color: var(--color-text-light);
  opacity: 0.8;
  transition: all var(--transition-base);
}

.pab5306:hover .ec545f {
  opacity: 1;
  transform: scale(1.1);
}

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

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

.gec {
  text-align: center;
}

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

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

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

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

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

  .dfa:nth-child(even) {
    flex-direction: row-reverse;
  }
}

.o7b32bd {
  flex: 1 1 45%;
  min-height: 250px;
  max-height: 400px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

.j1c12649 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.j46c38d {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.mb31e {
  text-align: center;
}

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

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

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

.g97411 {
  flex: 1 1 200px;
  min-width: 200px;
  max-width: 250px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.i8fa {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  color: var(--color-accent);
  margin: 0;
  font-weight: 700;
}

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

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

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

.i67468 {
  text-align: center;
}

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

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

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

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

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

.e38 {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-accent);
  margin: 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.g9a282 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.b21 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.b24 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  margin-top: 0.5rem;
}

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

.m9e66f {
  text-align: center;
  padding-top: 1rem;
}

.idd {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 700;
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

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

.e23f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-light);
  margin: 0 0 2rem 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-align: center;
}

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

.m939 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-light-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.d7902fa9 {
  text-align: center;
}

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

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

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

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

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

.n889a9e8,
.o89 {
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.n889a9e8 {
  background: rgba(239, 68, 68, 0.05);
  border-left: 4px solid var(--color-danger);
}

.o89 {
  background: rgba(16, 185, 129, 0.05);
  border-left: 4px solid var(--color-success);
}

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

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

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

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

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

.m86f {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 500px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: none;
}

@media (min-width: 768px) {
  .m86f {
    display: block;
  }
}

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

.kf8200 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.edb49e73 {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.o3c {
  width: 100%;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: none;
  cursor: pointer;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  transition: all var(--transition-base);
}

.o3c:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
}

.m9f01133 {
  text-align: left;
  flex: 1;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n6f64 {
  flex-shrink: 0;
  transition: all var(--transition-base);
}

.edb49e73.j575 .n6f64 {
  transform: rotate(180deg);
}

.k3ec06a {
  display: none;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-top: 1px solid var(--color-border-light);
}

.edb49e73.j575 .k3ec06a {
  display: block;
}

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

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

.ka37e {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

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

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

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

@media (min-width: 768px) {
  .f6267f0 {
    flex-direction: row;
    gap: 1.5rem;
  }
}

.j401 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border: none;
}

.ca8 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: #1e293b;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  overflow: hidden;
}

.ca8.a44 {
  display: none;
}

.j54a87a {
  color: #f1f5f9;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  line-height: var(--line-height-relaxed);
  flex: 1 1 auto;
  min-width: 200px;
}

.ldc76dfb {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

.hafc,
.ma970f {
  padding: 0.5rem clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: all var(--transition-base);
  border: none;
}

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

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

.ma970f {
  background: transparent;
  color: #f1f5f9;
  border: 1px solid rgba(241, 245, 249, 0.3);
}

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

@media (max-width: 640px) {
  .gb07 {
    aspect-ratio: 4 / 5;
    max-height: 400px;
  }

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

  .j54a87a {
    width: 100%;
  }

  .ldc76dfb {
    width: 100%;
  }

  .hafc,
  .ma970f {
    flex: 1;
  }
}

@media (min-width: 1024px) {
  .gb07 {
    aspect-ratio: 21 / 9;
    max-height: 700px;
  }
}

@media (max-width: 767px) {
  .h4fd6ec,
  .m86f {
    max-height: 300px;
  }
}

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

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

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

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

.n791 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
}

.n791 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: var(--line-height-relaxed);
  max-width: 520px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h8b,
.m9a9e2,
.pe8 {
  display: block;
}

.h8b h3,
.m9a9e2 h3,
.pe8 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
}

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

.c23 li,
.mb5dbd5 li {
  margin: 0;
  padding: 0;
}

.h8b a,
.pe8 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color var(--transition-fast);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.m9a9e2 {
  display: block;
}

.m9a9e2 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
}

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

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

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

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

.k9f73 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
  font-style: italic;
}

@media (min-width: 768px) {
  .id81 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2rem, 5vw, 3.5rem);
    row-gap: clamp(2rem, 4vw, 2.5rem);
  }

  .n791 {
    grid-column: 1 / -1;
    padding-bottom: clamp(1.5rem, 3vw, 2rem);
  }

  .gc33727 {
    grid-column: 1 / -1;
  }

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

  .c23 li,
  .mb5dbd5 li {
    flex: 0 0 auto;
  }
}

@media (min-width: 1024px) {
  .id81 {
    grid-template-columns: 2fr 1fr 1.5fr 1.5fr;
    gap: clamp(2.5rem, 4vw, 3.5rem);
  }

  .n791 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    border-bottom: none;
    border-right: 1px solid var(--color-border-light);
    padding-right: clamp(1.5rem, 3vw, 2rem);
    padding-bottom: 0;
  }

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

  .gc33727 {
    grid-column: 1 / -1;
  }
}
    

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  overflow-x: hidden;
}

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

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

.m95f86 {
  background: var(--color-bg-primary);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  border-bottom: 2px solid var(--color-border-light);
}

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

.a97158a {
  text-align: center;
}

.eba6 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.odae {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  font-weight: 400;
  line-height: 1.7;
}

.a22 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  justify-content: center;
  flex-wrap: wrap;
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-secondary);
  border-radius: 12px;
}

.je79c89a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
}

.c8ae8e54 {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
}

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

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

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

.c6f467 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1.5rem, 3vw, 2.5rem);
  grid-template-areas:
    "featured featured"
    "standard standard-2"
    "full full";
}

.l09a {
  grid-area: featured;
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

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

.g8423d {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

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

.a957c1 {
  grid-area: full;
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

.b8c945ab {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  font-weight: 500;
}

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

.p2b {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  text-align: center;
  margin-top: 0.5rem;
  align-self: flex-start;
}

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

@media (max-width: 767px) {
  .c6f467 {
    grid-template-columns: 1fr;
    grid-template-areas:
      "featured"
      "standard-2"
      "standard"
      "full";
  }

  .l09a,
  .g8423d,
  .a957c1 {
    min-height: auto;
  }

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

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

@media (min-width: 768px) and (max-width: 1023px) {
  .c6f467 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
      "featured featured"
      "standard standard-2"
      "full full";
  }
}

@media (min-width: 1024px) {
  .c6f467 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
      "featured featured"
      "standard standard-2"
      "full full";
  }

  .l09a {
    min-height: 500px;
  }

  .g8423d {
    min-height: 450px;
  }

  .a957c1 {
    min-height: 400px;
  }
}

.e9d95cc {
  width: 100%;
  background: var(--color-bg-primary);
}

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

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

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

.i0c7a0 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  flex-wrap: wrap;
}

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

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

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

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

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

.dee7d0 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.n48efa {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.f5eb7 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}

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

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

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

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

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

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

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

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

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

.hbe4b {
  flex: 1 1 100%;
}

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

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

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

.g31 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

.h06e39 {
  flex: 1 1 100%;
}

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

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

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

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

.f8777b8 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  flex: 0 0 auto;
  width: clamp(3.5rem, 8vw, 4.5rem);
  height: clamp(3.5rem, 8vw, 4.5rem);
  background: var(--color-bg-secondary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.n1c2 {
  flex: 1 1 auto;
}

.i65e {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

.m4a {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  line-height: 1.3;
}

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

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

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

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

.p679e {
  flex: 1 1 100%;
}

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

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

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

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

.i0cc2d {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

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

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

.e7eb {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

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

.ge7 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  line-height: 1.3;
}

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

.j794d {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  display: inline-block;
}

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

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

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

.i48872 {
  flex: 1 1 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.db459a {
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

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

.f7d {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 6px;
  text-decoration: none;
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  font-weight: 600;
  transition: all 0.3s ease;
  width: fit-content;
}

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

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

.p32f {
  max-width: 350px;
  margin: 0 auto;
}

.d21955 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

.ff81 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto;
  display: block;
}

.a966567 {
  font-size: 0.8125rem;
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

.j54895 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0.5rem 0 0 0;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

.e6d49188 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

  .e7eb {
    flex: 1 1 100%;
  }

  .e6d49188 {
    flex: 1 1 100%;
  }

  .dee7d0 {
    flex-direction: column;
  }

  .h38d1 {
    flex-direction: column;
  }

  .o30cb8 {
    flex-direction: column;
  }

  .m112 {
    flex-direction: column;
  }
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-border-dark);
}

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

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

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

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

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

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

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

.n96b805 {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
}

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

.f73 {
  flex: 1 1 50%;
  max-width: 50%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.o960c9 {
  flex: 1 1 50%;
  max-width: 50%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

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

.h2fb31ce {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

  .f73,
  .o960c9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

.i5f6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.hf1a {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-normal);
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hf1a::before {
  content: '✓';
  color: var(--color-accent);
  font-weight: 700;
  flex-shrink: 0;
}

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

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

  .k2b9c,
  .f355804 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.hcdb {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.lf2089b3:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  border-color: var(--color-accent);
}

.o91 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--color-primary-light), var(--color-secondary-light));
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

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

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

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

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

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

.o7a1f423 {
  color: var(--color-text-on-accent);
  background: var(--color-accent);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  font-size: clamp(1.5rem, 2vw, 1.75rem);
  font-weight: 700;
  flex-shrink: 0;
}

.j9e856 {
  flex: 1;
}

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

.ba32750 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .ifeeb220,
  .e0313 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.c68fd2 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.oa644f {
  color: var(--color-accent);
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 2px;
}

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

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

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

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

  .h81e1e,
  .i26 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.k1975 {
  flex: 1 1 35%;
  max-width: 35%;
  position: sticky;
  top: 20px;
}

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

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

.mf13 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
}

.hc6134 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  line-height: var(--line-height-tight);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.m1875 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 500;
  margin: 0;
}

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

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

  .pb843,
  .k1975 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k1975 {
    position: static;
  }
}

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

.j39 {
  max-width: 900px;
  margin: 0 auto;
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
}

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

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

.eebcac8 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
  line-height: var(--line-height-tight);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.b2614 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.b4e69f4 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.gb73d76 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 100%;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
}

.gb73d76:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: var(--color-accent);
}

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

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

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

.b12584d3 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
  line-height: var(--line-height-tight);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

  .df98f a {
    color: var(--color-primary);
    text-decoration: none;
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
    transition: color var(--transition-base);
  }

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

  .df98f span {
    color: var(--color-text-muted);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  }

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

  .cb2984 {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    box-shadow: var(--shadow-md);
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: center;
  }

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

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

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

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

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

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

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

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

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

    .j01c629,
    .b721bb {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .k4b0869 {
      gap: 1rem;
    }
  }

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

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

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

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

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

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

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

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

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

  .o5e8d {
    background: var(--color-bg-secondary);
    border-left: 4px solid var(--color-primary);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: var(--radius-md);
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }

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

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

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

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

    .kf6bb,
    .f65a85 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

    .nb281df9,
    .ka4316e7 {
      flex: 1 1 100%;
      max-width: 100%;
      order: 0;
    }
  }

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

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

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

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

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

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

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

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

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

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

    .hf9,
    .dd829 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

  .o28dca0b {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: clamp(1rem, 3vw, 2rem);
  }

  .beb {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    padding: clamp(1.5rem, 2vw, 2rem);
    box-shadow: var(--shadow-md);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 300px;
  }

  .d1aaf {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 1rem;
    display: block;
  }

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

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

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

  .m308a {
    color: var(--color-secondary);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
    font-weight: 600;
    margin-bottom: 0.75rem;
  }

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

  @media (max-width: 768px) {
    .o28dca0b {
      justify-content: center;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html, body {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

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

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

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

.cb094 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 5vw, 3rem);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

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

.aaa663e5 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}

.p778b,
.m1b4bb,
.ja5 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  padding: 0.375rem 0.75rem;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
}

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

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

.i033cb {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.i033cb img {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pd9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: bold;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
}

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

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

.gc699 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  max-width: 500px;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}

.hda {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.idd308c8 {
  flex: 1;
  background: var(--color-bg-primary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bc913 {
  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);
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-align: center;
}

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

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

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

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

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

.k57af5:hover .mf44e img {
  transform: scale(1.05);
}

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

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

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

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

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

@media (max-width: 1023px) {
  .g4ab,
  .me160,
  .j7367e,
  .g24a45,
  .i3ce40 {
    flex-direction: column;
  }

  .j0ba,
  .aa29f,
  .ie3,
  .b1e9 .fb40,
  .l4ef,
  .mf9,
  .b4b0f8,
  .h882d,
  .m3449,
  .dd1c2b .fb40 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k368dc6c {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .hc7e2272 {
    font-size: 0.8125rem;
  }

  .cb094 {
    padding: clamp(1.5rem, 3vw, 2rem);
  }

  .gc699 {
    max-width: 100%;
  }

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

* {
  box-sizing: border-box;
}

html, body, main {
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

.m83d {
  text-align: center;
}

.f05 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-secondary);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
  letter-spacing: 0.5px;
}

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

.ic57bdc9 {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 800px;
  margin: 0 auto;
}

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

@media (min-width: 768px) {
  .adb6 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

.oe57b {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
  flex: 1 1 100%;
  min-height: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  .m514 {
    flex-direction: row;
    gap: clamp(2rem, 4vw, 3rem);
  }
}

.c4bca4 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1024px) {
  .c4bca4 {
    flex: 1 1 50%;
  }
}

.c4bca4 h3 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
}

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

.h06bf {
  flex: 1 1 100%;
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

@media (min-width: 1024px) {
  .h06bf {
    flex: 1 1 50%;
    max-height: 450px;
  }
}

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

.o750cc {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-left: 4rem;
  position: relative;
}

.cb2be9 {
  position: absolute;
  left: 0;
  top: 0;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

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

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

.ec2f6ed {
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-top: 3px solid var(--color-secondary);
  flex: 1 1 100%;
  min-height: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

@media (min-width: 768px) {
  .ec2f6ed {
    flex: 1 1 calc(33.333% - 1.2rem);
    max-width: 380px;
  }
}

.ec2f6ed:hover {
  transform: translateY(-4px);
  background: var(--color-bg-secondary);
  border-top-color: var(--color-accent);
}

.d601 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-secondary);
  width: fit-content;
}

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

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

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

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

.pf9af231 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem);
  border-left: 5px solid var(--color-accent);
  border-radius: 4px;
  max-width: 900px;
  margin: 0 auto;
}

.e1b321f6 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.8;
  margin: 0 0 1rem 0;
}

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

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

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

.me5a h3 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.c39f {
  color: var(--color-secondary);
  font-size: 1.25rem;
}

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

@media (max-width: 768px) {
  .n47 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .d004ec55 {
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .oa0f92 {
    max-height: 300px;
  }

  .oe57b {
    flex: 1 1 100%;
  }

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

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

  .n47 {
    padding: 8rem 0;
  }

  .bf3d6641,
  .g5a1,
  .cfc74 {
    padding: 6rem 0;
  }
}

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

.je81 h1,
.je81 h2,
.je81 h3 {
font-family: var(--font-heading);
}

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

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

.k91099 {
background: var(--color-bg-tertiary);
padding: 0;
overflow: hidden;
position: relative;
min-height: 500px;
}

.c5e565b {
display: flex;
flex-direction: column;
height: 100%;
}

.h5d27b {
position: relative;
height: 100%;
min-height: 500px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
}

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

.jf4 {
position: relative;
z-index: 2;
padding: clamp(2rem, 5vw, 4rem);
}

.f29 {
color: #ffffff;
font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
line-height: var(--line-height-tight);
margin: 0 0 clamp(0.5rem, 2vw, 1rem) 0;
font-weight: 700;
}

.b8ba {
color: #e0e0e0;
font-size: clamp(0.875rem, 2vw + 0.5rem, 1.25rem);
line-height: var(--line-height-normal);
margin: 0;
font-weight: 400;
}

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

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

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

.p102e13f {
color: var(--color-text-primary);
font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
line-height: var(--line-height-relaxed);
margin: 0;
font-weight: 500;
}

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

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

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

.ced {
background: var(--color-bg-secondary);
padding: clamp(1.5rem, 3vw, 2.5rem);
border-radius: var(--radius-md);
text-align: center;
flex: 1 1 150px;
min-width: 140px;
}

.nfd77b {
color: var(--color-accent);
font-size: clamp(1.75rem, 4vw, 2.5rem);
font-weight: 700;
margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
font-family: var(--font-heading);
}

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

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

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

.b8741675 {
text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.m40a49e {
text-align: center;
}

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

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

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

.fc6cf {
background: var(--color-bg-card);
border: 1px solid var(--color-border-light);
border-radius: var(--radius-lg);
padding: clamp(1.5rem, 3vw, 2rem);
flex: 1 1 300px;
min-width: 280px;
max-width: 380px;
display: flex;
flex-direction: column;
gap: clamp(1rem, 2vw, 1.5rem);
transition: all 0.3s ease;
}

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

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

.df9ca i {
color: var(--color-accent);
font-size: clamp(1.25rem, 2vw, 1.75rem);
}

.aa3860b {
color: var(--color-text-primary);
font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
line-height: var(--line-height-tight);
margin: 0;
font-weight: 600;
flex: 1;
}

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

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

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

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

.nf3d,
.b2986c0,
.d4e {
color: var(--color-text-secondary);
font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.125rem);
line-height: var(--line-height-relaxed);
margin: 0;
}

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

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

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

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

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

.n19aad {
text-align: center;
}

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

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

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

.p8fe78f {
background: var(--color-bg-card);
border: 1px solid var(--color-border-light);
border-radius: var(--radius-md);
padding: clamp(1.5rem, 3vw, 2rem);
display: flex;
flex-direction: column !important;
gap: clamp(0.75rem, 1.5vw, 1rem);
transition: all 0.3s ease;

}

.p8fe78f:hover {
border-color: var(--color-accent);
box-shadow: var(--shadow-sm);
}

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

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

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

.h892 {
color: var(--color-text-muted);
font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
margin: 0;
font-weight: 500;
}

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

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

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

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

@media (min-width: 768px) {
.k91099 {
min-height: 600px;
}

.h5d27b {
min-height: 600px;
}

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

.ced {
flex: 0 1 200px;
}

.na02f3b {
align-items: center;
}

.lf5c {
padding-top: 0;
}

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

.fc6cf {
flex: 1 1 calc(50% - 1rem);
min-width: 280px;
}

.l03525b3 {
max-width: 800px;
}
}

@media (min-width: 1024px) {
.k91099 {
min-height: 700px;
}

.h5d27b {
min-height: 700px;
justify-content: center;
align-items: center;
}

.jf4 {
padding: 4rem;
max-width: 800px;
}

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

.f4ae9 {
flex: 1;
}

.e552c9 {
flex: 1;
flex-direction: column;
justify-content: flex-start;
}

.ced {
flex: 0 1 auto;
}

.e9241b {
justify-content: space-between;
gap: clamp(1.5rem, 2vw, 2rem);
}

.fc6cf {
flex: 1 1 calc(33.333% - 1.333rem);
}

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

.g4a51de {
flex: 1;
}

.h892 {
min-width: 120px;
text-align: right;
}
}

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

.k44 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  text-align: center;
  overflow: hidden;
}

.i9442 {
  max-width: 900px;
  margin: 0 auto;
}

.k44 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.k44 p {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.j3fbd2 {
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

.mb629 {
  max-width: 1400px;
  margin: 0 auto;
}

.d2a9fc {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.ib87fb {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.l326f {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

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

.ib87fb:hover .l326f img {
  transform: scale(1.05);
}

.b32b1d64 {
  padding: var(--spacing-xl) var(--spacing-lg);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

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

.df1 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  font-size: var(--font-size-xs);
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.ib87fb h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.ib87fb p {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.j9b7e0 {
  display: inline-block;
  color: var(--color-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid var(--color-primary);
  transition: all var(--transition-fast);
}

.j9b7e0:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

.hbd {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

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

.hbd h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.hbd p {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  line-height: var(--line-height-normal);
}

.ie35e {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-fast);
  border: 2px solid var(--color-primary);
}

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

@media (min-width: 768px) {
  .k44 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .j3fbd2 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

  .l326f {
    height: 260px;
  }

  .hbd {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .k44 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }

  .j3fbd2 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }

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

  .ib87fb {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }

  .l326f {
    height: 100%;
    min-height: 300px;
  }

  .hbd {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }

  .ib87fb:nth-child(even) {
    grid-template-columns: 1fr 1fr;
  }

  .ib87fb:nth-child(even) .l326f {
    order: 2;
  }

  .ib87fb:nth-child(even) .b32b1d64 {
    order: 1;
  }
}

@media (min-width: 1440px) {
  .mb629 {
    max-width: 1300px;
  }

  .d2a9fc {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
}

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

.p4d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.i3c {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.b097ab {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

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

.f07854d {
  padding: var(--spacing-4xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.d52 {
  max-width: 1200px;
  margin: 0 auto;
}

.l4704a {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.d9334 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  transition: all var(--transition-base) ease;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

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

.d03b8d {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  flex-shrink: 0;
}

.d03b8d i {
  font-size: 1.875rem;
  color: var(--color-primary);
}

.dee1fea3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.d2faa3c3 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.h6e {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-top: auto;
}

.jb8c6fe {
  display: inline-block;
  background-color: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-light);
  font-weight: 500;
}

.j9d9d8 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

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

.gda {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.md1f {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base) ease;
  border: none;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
}

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

.md1f:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 768px) {
  .p4d {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .f07854d {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .l4704a {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .j9d9d8 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .p4d {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

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

  .d03b8d {
    width: 70px;
    height: 70px;
  }

  .d03b8d i {
    font-size: 2.25rem;
  }
}

@media (min-width: 1280px) {
  .l4704a {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.a08aa7a .i1c {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.a08aa7a .c4d338 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.a08aa7a h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.a08aa7a .h5fd5a54 {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.a08aa7a h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.a08aa7a p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.a08aa7a ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  list-style-position: outside;
}

.a08aa7a li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

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

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

.a08aa7a .da396de {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-top: var(--spacing-2xl);
}

.a08aa7a .da396de h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.a08aa7a .da396de p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.a08aa7a .da396de strong {
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .a08aa7a .c4d338 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a08aa7a .c4d338 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.l7d3 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

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

.i1c {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.acb07b {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.g76d9 {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-xl);
}

.g76d9 svg {
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.l7d3 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.5px;
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.k896b {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-normal);
}

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

.d1d300 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
  letter-spacing: 0.3px;
}

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

.dad {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  cursor: pointer;
  border: 2px solid var(--color-primary);
  margin-top: var(--spacing-xl);
}

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

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

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .l7d3 {
    padding: var(--spacing-lg) 0;
  }

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

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

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

  .g76d9 svg {
    width: 140px;
    height: 140px;
  }
}

@media (min-width: 1024px) {
  .l7d3 {
    padding: var(--spacing-xl) 0;
  }

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

  .acb07b {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

  .g76d9 svg {
    width: 160px;
    height: 160px;
  }

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

@media (max-width: 480px) {
  .acb07b {
    padding: var(--spacing-lg) var(--spacing-md);
  }

  .g76d9 svg {
    width: 100px;
    height: 100px;
  }

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

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

.cb802f0 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
}

.ccc91 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.c4d338 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.hf753 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.fcf {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-xl);
}

.cc805 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eb5 {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  font-family: var(--font-heading);
  line-height: 1;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 2;
}

.if072cc {
  position: absolute;
  width: clamp(200px, 50vw, 400px);
  height: clamp(200px, 50vw, 400px);
  background-color: var(--color-primary-light);
  border-radius: 50%;
  opacity: 0.1;
  z-index: 1;
  animation: float-pulse 6s ease-in-out infinite;
}

@keyframes float-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

.g24146 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  width: 100%;
}

.m9d {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: var(--line-height-tight);
}

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

.j28f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.k05603 {
  font-size: clamp(0.875rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.g57 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  text-align: center;
}

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

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

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

.madc294f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  width: 100%;
  margin-top: var(--spacing-xl);
}

.ff32b7 {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-sm);
  transition: all var(--transition-base);
}

.ff32b7:hover {
  background-color: var(--color-bg-tertiary);
  transform: translateX(4px);
}

.ncf7 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--color-success);
  color: white;
  font-weight: 700;
  font-size: var(--font-size-sm);
  flex-shrink: 0;
}

.k9cd55 {
  font-size: clamp(0.875rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  text-align: left;
}

@media (min-width: 640px) {
  .ccc91 {
    padding: var(--spacing-2xl) 0;
  }

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

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

  .madc294f {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  .ff32b7 {
    flex: 1;
    min-width: 200px;
    max-width: 250px;
    flex-direction: column;
    gap: var(--spacing-sm);
    text-align: center;
  }

  .k9cd55 {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .ccc91 {
    padding: var(--spacing-3xl) 0;
  }

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

  .j28f {
    padding: var(--spacing-xl);
    border-left-width: 6px;
  }
}

@media (min-width: 1024px) {
  .ccc91 {
    padding: var(--spacing-4xl) 0;
    min-height: 100vh;
  }

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .if072cc {
    animation: none;
  }

  .ff32b7:hover {
    transform: none;
  }

  .pf90d73:hover {
    transform: none;
  }
}

.n579e {
  background-color: var(--color-bg-primary);
  width: 100%;
  overflow: hidden;
}

.ffa {
  background-color: var(--color-bg-secondary);
  padding: 4rem 0;
  overflow: hidden;
}

.ka9 {
  text-align: center;
}

.m118d9 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.lf9af5 {
  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);
  max-width: 700px;
  margin: 0 auto;
}

.mee87 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.p3b {
  width: 100%;
}

.m344d7 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

.le3 {
  flex: 1 1 100%;
  min-width: 0;
}

.fef1 {
  flex: 1 1 100%;
  min-width: 0;
}

.a3632aa2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.l2f {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.nd33a {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.k57 {
  color: var(--color-danger);
  font-weight: 700;
}

.jbfb9f,
.ca3fbf1 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
  box-sizing: border-box;
}

.jbfb9f::placeholder,
.ca3fbf1::placeholder {
  color: var(--color-text-muted);
}

.jbfb9f:focus,
.ca3fbf1:focus {
  outline: none;
  background-color: var(--color-bg-primary);
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.ca3fbf1 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.j7061c91 {
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.jb585 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-top: var(--spacing-md);
}

.h41c8a3b {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.j5be20 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.lcb88c {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2rem;
}

.g7931b9 {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

.edcf33 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  color: var(--color-primary);
  font-size: 1.25rem;
  flex-shrink: 0;
}

.hed9796b {
  flex: 1;
}

.l04 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

.ha35fa4 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  line-height: var(--line-height-normal);
}

.n71 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.n6d {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin-top: 0.5rem;
}

.ecd63 {
  background-color: var(--color-bg-secondary);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

.h92706df {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.c7a8b61e {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-normal);
}

.j97ea {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-light);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 700;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.ifefc5 {
  background-color: var(--color-bg-secondary);
  padding: 4rem 0;
  overflow: hidden;
}

.m1f {
  width: 100%;
}

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

.i1b {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

.n59f77 {
  background-color: var(--color-bg-card);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.n59f77:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

.dd001 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.g1a4d {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .ffa {
    padding: 5rem 0;
  }

  .mee87 {
    padding: 4rem 0;
  }

  .le3 {
    flex: 1 1 45%;
  }

  .fef1 {
    flex: 1 1 45%;
  }

  .i1b {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }

  .ifefc5 {
    padding: 5rem 0;
  }
}

@media (min-width: 1024px) {
  .ffa {
    padding: 6rem 0;
  }

  .mee87 {
    padding: 5rem 0;
  }

  .le3 {
    flex: 1 1 50%;
  }

  .fef1 {
    flex: 1 1 50%;
  }

  .ifefc5 {
    padding: 6rem 0;
  }

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

@media (max-width: 767px) {
  .m344d7 {
    gap: 2rem;
  }

  .ecd63 {
    padding: 1.5rem;
  }
}
.a3a86,.dee{
  width: 34px;
}

/* FIX:nav .c214775 */
.c214775{
  justify-content: flex-end;
}

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

img{
  max-width: 100%;
  height: auto;
}

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.b4b5e{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .b4b5e{
    max-width: 100%;
  }
}

/* FIX:zindex .b4b5e.j575 */
.b4b5e.j575{
  z-index: 999;
}

/* FIX:navpad .a3238 */
.a3238{
  padding-top: 50px;
}

/* FIX:toggle-expand .a3a86 */
.a3a86[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .gb07 {
    aspect-ratio: 6 / 9;
  }
  .j42eba {
    aspect-ratio: 6 / 9;
  }
  .n8327 {
    aspect-ratio: 6 / 9;
  }
  .oe5 {
    aspect-ratio: 6 / 9;
  }
}