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

:root {
  --color-bg-primary: #f0fdfa;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #ccfbf1;
  --color-bg-card: #ffffff;

  --color-text-primary: #134e4a;
  --color-text-secondary: #475569;
  --color-text-muted: #677280;

  --color-primary: #0891b2;
  --color-primary-hover: #0e7490;
  --color-primary-light: #a5f3fc;
  --color-secondary: #06b6d4;
  --color-secondary-light: #cffafe;

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

  --color-border: #e0f2fe;
  --color-border-light: #f0f9ff;

  --font-primary: 'Outfit', sans-serif;
  --font-heading: 'Manrope', sans-serif;

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

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 9999px;

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

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

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

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

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

body {
  margin: 0;
  padding: 0;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: var(--line-height-normal);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

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

@media (max-width: 768px) {
  .o3b2 {
    padding: 0 var(--spacing-md);
  }
}

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

h1 {
  font-size: 48px;
  font-weight: 700;
}

h2 {
  font-size: 36px;
  font-weight: 700;
}

h3 {
  font-size: 28px;
  font-weight: 600;
}

h4 {
  font-size: 24px;
  font-weight: 600;
}

h5 {
  font-size: 20px;
  font-weight: 600;
}

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

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

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 20px;
  }
}

p {
  margin: 0;
  color: var(--color-text-secondary);
  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);
}

button {
  font-family: var(--font-primary);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
}

input,
textarea,
select {
  font-family: var(--font-primary);
}

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

.f23d4 {
  background: var(--color-primary);
  color: var(--color-bg-secondary);
  box-shadow: var(--shadow-md);
}

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

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

.lb77 {
  background: var(--color-secondary);
  color: var(--color-bg-secondary);
  box-shadow: var(--shadow-md);
}

.lb77:hover {
  background: #0891b2;
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

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

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

.a3e71 {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 14px;
}

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

.ma1bf6f3 {
  width: 100%;
}

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

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

.ab564d {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .k04 {
    padding: var(--spacing-2xl) 0;
  }

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

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

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

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

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

@media (max-width: 1024px) {
  .jff1df {
    grid-template-columns: repeat(2, 1fr);
  }

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

@media (max-width: 640px) {
  .a60af,
  .ja1864,
  .jff1df {
    grid-template-columns: 1fr;
  }
}

.pe6f40 {
  display: flex;
}

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

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

.id2be19 {
  flex-direction: column;
}

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

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

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

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

.ef1e {
  text-align: center;
}

.l3011e86 {
  text-align: left;
}

.ef18d8 {
  text-align: right;
}

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

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

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

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

.e249e13 {
  font-weight: 400;
}

.k61e8bb0 {
  font-weight: 500;
}

.m854531d {
  font-weight: 600;
}

.l5a5 {
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

.n96 {
  padding: var(--spacing-xl);
}

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

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

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

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

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

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

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

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

.d71 {
  opacity: 0.5;
}

.k17bbb {
  opacity: 0.75;
}

.pd6a171f {
  display: none;
}

.db7c21 {
  display: block;
}

.h1bfb {
  display: inline;
}

.e089 {
  display: inline-block;
}

.gc4 {
  width: 100%;
}

.p03aa4 {
  height: 100%;
}

.i4e17 {
  max-width: 100%;
}

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

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

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 20px;
  }

  body {
    font-size: 15px;
  }

  .ofc {
    padding: var(--spacing-md) var(--spacing-md);
    font-size: 15px;
  }
}

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

  h2 {
    font-size: 22px;
  }

  h3 {
    font-size: 18px;
  }

  .ofc {
    width: 100%;
  }

  .i8745 {
    padding: var(--spacing-md);
  }
}
.ld3 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

.i6d5:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

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

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

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

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

.hc07 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  z-index: 99;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  padding-top: 70px;
  overflow-y: auto;
}

.hc07.i8caa5 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.k1d {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  padding: 1rem clamp(1rem, 3vw, 2rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  z-index: 100;
}

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

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

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

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

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

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

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

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

  .h8c29b {
    display: block;
  }

  .m0c17 {
    display: none;
  }

  .hc07 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .d5cfabb {
    padding: 1.25rem clamp(1rem, 4vw, 2rem);
  }

  .ib150 {
    font-size: 1rem;
  }

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

    .m474d {
  font-family: var(--font-primary);
}

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

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

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

.c6218 {
  position: relative;
  width: 100%;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c6218 img {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
  transform: perspective(1200px) rotateX(2deg) rotateY(-2deg);
}

.a8645 {
  text-align: center;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  margin-top: -40px;
  position: relative;
  z-index: 10;
  max-width: 500px;
}

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

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

.fff26f {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

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

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

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

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

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

@media (min-width: 768px) {
  .c6218 {
    max-width: 700px;
  }

  .c6218 img {
    max-height: 500px;
  }

  .a8645 {
    margin-top: -60px;
  }
}

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

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

.a5221a {
  text-align: center;
}

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

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

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

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

.i3796f {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  font-weight: 700;
  color: var(--color-accent);
  flex: 0 0 auto;
  min-width: 80px;
}

.fb9 {
  flex: 1;
}

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

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

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

  .i3796f {
    min-width: 100px;
  }
}

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

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

.j471f {
  text-align: center;
}

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

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

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

.l3d0e {
  flex: 1 1 100%;
  min-width: 250px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

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

.pddc {
  flex: 1 1 100%;
  min-height: 350px;
}

.o2498 {
  flex: 1 1 100%;
  min-height: 220px;
}

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

  .pddc {
    flex: 1 1 calc(50% - 0.75rem);
    min-height: 350px;
  }

  .o2498 {
    flex: 1 1 calc(50% - 0.75rem);
    min-height: 220px;
  }
}

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .n44 {
    flex: 1 1 45%;
  }
}

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

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

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

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

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

.gbec {
  flex: 1 1 100%;
}

@media (min-width: 768px) {
  .gbec {
    flex: 1 1 45%;
  }
}

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

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

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

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

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

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

@media (min-width: 768px) {
  .la4953 {
    flex-direction: row;
    justify-content: center;
    gap: 0;
  }
}

.abd {
  flex: 1;
  min-width: 200px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  position: relative;
}

@media (min-width: 768px) {
  .abd {
    background: transparent;
    box-shadow: none;
  }
}

.ha63 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  font-weight: 700;
  flex: 0 0 auto;
}

.g305ff7 {
  font-size: 2.5rem;
  color: var(--color-accent);
  display: none;
}

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

  .g305ff7 {
    display: block;
  }
}

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

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

.dd04 {
  display: none;
  width: 2px;
  height: 40px;
  background: var(--color-accent);
  margin: -20px 0;
}

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .h25bd120 {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (min-width: 1024px) {
  .h25bd120 {
    flex: 1 1 calc(25% - 0.75rem);
  }
}

.o94db3d3 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

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

.hf0 {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-weight: 600;
  color: var(--color-text-primary);
  list-style: none;
  user-select: none;
  transition: var(--transition-base);
}

.hf0:hover {
  background: var(--color-bg-tertiary);
}

.be42de[open] > .hf0 {
  background: var(--color-bg-tertiary);
}

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

.oe630 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  margin: 0;
  flex: 1;
}

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

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

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

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

.h792e86 {
  text-align: center;
}

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

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

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

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

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

.b15d2e {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

.lc1814 {
  position: relative;
  width: 100%;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(2rem, 4vw, 3rem);
}

.p4f403 {
  display: flex;
  justify-content: center;
}

.d98fd {
  padding: 1rem 2rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  transition: var(--transition-base);
  display: inline-block;
}

.d98fd:hover {
  background: var(--color-accent-hover);
  transform: scale(1.05);
}

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

.ne08 {
  flex: 0 1 calc(50% - 0.5rem);
  min-width: 160px;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-decoration: none;
  color: var(--color-text-primary);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  text-align: center;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.ne08:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  background: var(--color-bg-tertiary);
}

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

.ne08 i {
  font-size: 1.75rem;
  color: var(--color-accent);
}

.ne08 span {
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

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

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

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

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

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

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

.m257 {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  list-style: none;
  user-select: none;
  transition: var(--transition-base);
}

.m257:hover {
  background: var(--color-bg-tertiary);
}

.p49366b5[open] > .m257 {
  background: var(--color-bg-tertiary);
}

.i14 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  flex: 1;
  line-height: var(--line-height-normal);
}

.l0ec08 {
  font-size: 1.25rem;
  color: var(--color-accent);
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.p49366b5[open] .l0ec08 i {
  transform: rotate(180deg);
  transition: var(--transition-base);
}

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

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

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

.e24b.pd6a171f {
  display: none;
}

.c27 {
  color: var(--color-bg-primary);
  margin: 0;
  font-size: 0.875rem;
  flex: 1 1 100%;
  text-align: center;
}

.c27 a {
  color: inherit;
  text-decoration: underline;
}

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

.ca1d9ca9,
.b69 {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.875rem;
  transition: var(--transition-base);
}

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

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

.b69 {
  background: transparent;
  color: var(--color-bg-primary);
  border: 1px solid rgba(240, 253, 250, 0.3);
}

.b69:hover {
  background: rgba(240, 253, 250, 0.1);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .e24b {
    padding: 1.25rem 2rem;
  }

  .c27 {
    flex: 1 1 auto;
    text-align: left;
  }
}

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

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

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

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

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

.g87c3 {
  display: block;
}

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

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

.n48001 {
  display: block;
}

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

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

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

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

.g4e1c {
  display: block;
}

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

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

.jfd1 {
  display: block;
}

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

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

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

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

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

.nbff {
  display: block;
}

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

.nbff p:first-child {
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
}

.hd0ece6 {
  color: var(--color-text-muted) !important;
  font-size: clamp(0.75rem, 0.9vw, 0.875rem) !important;
  line-height: var(--line-height-tight);
  font-style: italic;
}

@media (min-width: 768px) {
  .l284 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2.5rem, 6vw, 4rem);
    grid-template-areas:
      "about nav"
      "contact legal"
      "bottom bottom";
  }

  .g87c3 {
    grid-area: about;
  }

  .n48001 {
    grid-area: nav;
  }

  .g4e1c {
    grid-area: contact;
  }

  .jfd1 {
    grid-area: legal;
  }

  .i79ee {
    grid-area: bottom;
  }
}

@media (min-width: 1024px) {
  .l284 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas:
      "about nav contact"
      "legal legal bottom";
    gap: clamp(2.5rem, 5vw, 3.5rem);
  }

  .jfd1 {
    grid-column: 1 / 3;
  }

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

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

.j66 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Outfit', sans-serif;
  overflow-x: hidden;
}

.o3b2 {
  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, span, li {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.l65 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0;
}

.o5583 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw + 0.25rem, 1.25rem);
  line-height: 1.6;
  margin: 0;
  max-width: 600px;
}

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

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

.e037 {
  text-align: center;
}

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

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

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

.geac1 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
  flex: 1 1 clamp(280px, 22vw, 320px);
  min-width: 280px;
}

.geac1:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.05);
}

.nf4037 {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: var(--color-bg-tertiary);
  aspect-ratio: 16 / 9;
}

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

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

.pa8e {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw + 0.25rem, 1.25rem);
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
  min-height: auto;
}

.lb9e64 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.25rem, 0.95rem);
  line-height: 1.5;
  margin: 0;
  flex: 1;
}

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

.ha18c7,
.hcdfc,
.o6e9 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
  font-size: 0.875rem;
}

.ha18c7 i,
.hcdfc i,
.o6e9 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.d9b0f0 {
  display: inline-block;
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.25rem, 0.95rem);
  text-decoration: none;
  transition: all 0.3s ease;
  padding-top: 0.5rem;
}

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

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

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

.le5ef6 {
  text-align: center;
}

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

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

.m3710 {
  background: var(--color-bg-secondary);
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--color-border-light);
}

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

.ceee7e {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.e7ea3 {
  padding: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.25rem, 0.95rem);
  line-height: 1.5;
  border-right: 1px solid var(--color-border-light);
}

.e7ea3:last-child {
  border-right: none;
}

.f7c26 {
  color: var(--color-text-primary);
  font-weight: 700;
  background: var(--color-bg-tertiary);
}

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

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

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

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

.g04e5::before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.125rem;
}

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

@media (max-width: 1023px) {
  .g00f {
    flex-direction: column;
    align-items: center;
  }

  .geac1 {
    flex: 1 1 100%;
    max-width: 450px;
  }

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

  .e7ea3 {
    border-right: none;
    border-bottom: 1px solid var(--color-border-light);
  }

  .ceee7e:last-child .e7ea3:last-child {
    border-bottom: none;
  }

  .e7ea3::before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 768px) {
  .g00f {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

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

  .ade22 {
    padding: 0 clamp(1rem, 3vw, 1.5rem);
  }

  .e037 {
    padding: 0 clamp(1rem, 3vw, 1.5rem);
  }

  .le5ef6 {
    padding: 0 clamp(1rem, 3vw, 1.5rem);
  }

  .hdb66b41 {
    max-width: 100%;
  }

  .e7ea3 {
    padding: clamp(0.875rem, 2vw, 1.25rem);
  }

  .l39 {
    padding: clamp(1.25rem, 2vw, 2rem);
  }
}

@media (max-width: 480px) {
  .bf6632 {
    padding: clamp(2.5rem, 5vw, 3.5rem) 0;
  }

  .p3e23b {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }

  .hdd2 {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }

  .cf86a {
    padding: clamp(0.875rem, 1.5vw, 1.25rem);
  }

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

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

  .afa {
    gap: 0.875rem;
  }

  .g04e5 {
    padding-left: 1.5rem;
    font-size: 0.8125rem;
  }
}

* {
  box-sizing: border-box;
}

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

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

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

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

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

.fd8d4b01 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

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

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

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

.d239 {
  display: inline-block;
  background: var(--color-secondary-light);
  color: var(--color-text-primary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

.p1b {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
  padding: 1.5rem 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

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

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

.m2c00 {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: start;
}

.kaba {
  position: sticky;
  top: 2rem;
}

.b54b3e {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-sm);
}

.bb7 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  margin: 0 auto 1rem;
  display: block;
}

.o23c {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 700;
  margin: 0 0 0.25rem 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i62b {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.j20f50 {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

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

.n1c6 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.b0e39e {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-secondary-light);
  border-radius: var(--radius-md);
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.k8ed220e {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  margin: clamp(2rem, 4vw, 3rem) 0;
}

.a2c78743 {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

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

.n901e42 {
  flex: 1;
}

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

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

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

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

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

.m92e5 {
  margin-top: 2rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1023px) {
  .m2c00 {
    grid-template-columns: 1fr;
  }

  .kaba {
    position: static;
  }

  .k02608,
  .e2163,
  .o7d,
  .e29 {
    flex-direction: column;
  }

  .a4f785f,
  .a15,
  .i60946,
  .pe93f934,
  .c2be8,
  .aa8bdac9,
  .d13,
  .df3aab0 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .pe93f934 {
    order: 0;
  }
}

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

  .bdbcc85 {
    width: 100%;
    height: 200px;
  }

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

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

  html, body {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.6;
    color: var(--color-text-primary);
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .e8114 {
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: cover;
    border-radius: clamp(0.75rem, 2vw, 1.25rem);
    display: block;
    box-shadow: 0 4px 12px rgba(19, 78, 74, 0.1);
  }

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

    .k951,
    .kd1f {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

  .c2886 img {
    width: 100%;
    height: auto;
    max-height: 350px;
    object-fit: cover;
    border-radius: clamp(0.75rem, 2vw, 1.25rem);
    display: block;
    box-shadow: 0 4px 12px rgba(19, 78, 74, 0.1);
  }

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

    .c86,
    .c2886 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

  .f4b {
    flex: 0 0 280px;
    position: sticky;
    top: 2rem;
  }

  .l29 {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: clamp(0.75rem, 2vw, 1.25rem);
    padding: clamp(1.5rem, 3vw, 2rem);
    text-align: center;
    box-shadow: 0 2px 8px rgba(19, 78, 74, 0.08);
  }

  .c595cd {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto clamp(1rem, 2vw, 1.5rem);
    display: block;
    border: 3px solid var(--color-accent);
  }

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

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

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

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

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

  .jac3 {
    flex: 1 1 calc(100% - 280px - clamp(2rem, 4vw, 4rem));
  }

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

    .f4b {
      flex: 1 1 100%;
      position: relative;
      top: 0;
    }

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

  .c5b80,
  .md978,
  .kdf309,
  .o759 {
    margin-bottom: clamp(3rem, 6vw, 5rem);
  }

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

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

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

  .ib7 img {
    width: 100%;
    height: auto;
    max-height: 350px;
    object-fit: cover;
    border-radius: clamp(0.75rem, 2vw, 1.25rem);
    display: block;
    box-shadow: 0 4px 12px rgba(19, 78, 74, 0.1);
  }

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

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

  @media (max-width: 768px) {
    .c5b80,
    .md978,
    .kdf309,
    .o759 {
      flex-direction: column;
    }

    .of6d4,
    .ib7 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  .gf943384 {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
    margin: clamp(1.5rem, 3vw, 2.5rem) 0;
    background: var(--color-bg-tertiary);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: clamp(0.75rem, 2vw, 1.25rem);
    border-left: 4px solid var(--color-accent);
  }

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

  .b3d94c96 {
    font-size: clamp(1.5rem, 3vw, 2.5rem);
    font-weight: 700;
    color: var(--color-accent);
    flex: 0 0 auto;
    min-width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(8, 145, 178, 0.1);
  }

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

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

  .m08 {
    background: rgba(6, 182, 212, 0.08);
    border-left: 4px solid var(--color-secondary);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: clamp(0.5rem, 1vw, 0.875rem);
    margin: clamp(1.5rem, 3vw, 2rem) 0;
  }

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

  .k7b899b {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: clamp(0.75rem, 2vw, 1.25rem);
    margin: clamp(1.5rem, 3vw, 2rem) 0;
  }

  .e41c19f {
    font-size: clamp(0.9375rem, 1vw + 0.25rem, 1.125rem);
    color: var(--color-text-primary);
    font-weight: 600;
    margin-bottom: 1rem;
  }

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

  .jcaaa12 li {
    font-size: clamp(0.875rem, 1vw, 1rem);
    color: var(--color-text-secondary);
    padding-left: 1.75rem;
    position: relative;
    line-height: 1.5;
  }

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

  .keafb1b {
    background: var(--color-bg-tertiary);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: clamp(0.75rem, 2vw, 1.25rem);
    margin: clamp(1.5rem, 3vw, 2rem) 0;
  }

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

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

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

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

  .f47b136 {
    background: rgba(19, 78, 74, 0.05);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: clamp(0.75rem, 2vw, 1.25rem);
    border-left: 4px solid var(--color-accent);
    margin: clamp(2rem, 4vw, 3rem) 0;
  }

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

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

  .p15c5a8 {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: clamp(0.75rem, 2vw, 1.25rem);
    border: 1px solid var(--color-border);
  }

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

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

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

  .cb6240eb {
    background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: clamp(0.75rem, 2vw, 1.25rem);
    text-align: center;
    margin-top: clamp(1.5rem, 3vw, 2rem);
    box-shadow: 0 4px 12px rgba(8, 145, 178, 0.2);
  }

  .o881 {
    font-size: clamp(1rem, 2vw, 1.25rem);
    color: var(--color-text-on-accent);
    margin-bottom: 1rem;
    font-weight: 500;
  }

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

  .kc41:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  }

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

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

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

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

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

  .h7aa:hover {
    box-shadow: 0 4px 12px rgba(19, 78, 74, 0.1);
    transform: translateY(-2px);
  }

  .oaf4507 {
    flex: 0 0 150px;
    min-width: 150px;
    max-width: 150px;
  }

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

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

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

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

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

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

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

    .oaf4507 {
      flex: 0 0 auto;
      width: 100%;
      max-width: 100%;
    }

    .c35 {
      max-height: 200px;
    }
  }

  @media (max-width: 1024px) {
    .f4b {
      position: relative;
      top: 0;
    }
  }

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

html, body {
  font-family: var(--font-primary);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

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

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

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

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

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

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

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

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

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

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

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

.dcd1c5 > span:last-child {
  color: var(--color-text-primary);
  font-weight: 500;
}

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

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

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

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

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

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

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

.e9f9a5c5 i {
  color: var(--color-accent);
  font-size: 1.125rem;
}

.l6cc36 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
  box-shadow: 0 10px 30px rgba(19, 78, 74, 0.1);
}

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

  .k6532,
  .o204 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l6cc36 {
    max-height: 350px;
  }
}

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

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

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

.j2a7 {
  flex: 0 0 280px;
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
}

.lebcb {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  text-align: center;
  box-shadow: 0 4px 12px rgba(19, 78, 74, 0.05);
}

.c37d03 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto clamp(0.75rem, 2vw, 1rem) auto;
  border: 2px solid var(--color-border);
}

.l2eb {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  margin-bottom: 0.25rem;
  line-height: 1.4;
}

.l2eb a {
  color: var(--color-accent);
  text-decoration: none;
}

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

.m5fa {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  margin-bottom: 0.75rem;
  font-weight: 500;
}

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

.e31e {
  flex: 1 1 calc(100% - 280px - clamp(2rem, 4vw, 3rem));
}

.k54c01,
.g8f7f,
.d2a,
.g759,
.a47 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

.f6929 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 3vw + 0.25rem, 1.75rem);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
  line-height: 1.4;
}

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

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

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

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

.nc51b {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.25rem;
  margin-top: 0.25rem;
}

.n5f {
  flex: 1 1 auto;
}

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

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

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

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

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

.j5383529 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
  box-shadow: 0 8px 24px rgba(19, 78, 74, 0.12);
}

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

  .j2a7 {
    flex: 0 0 auto;
    position: static;
    width: 100%;
  }

  .e31e {
    flex: 1 1 100%;
  }

  .gc726160 {
    flex-direction: column;
  }

  .l661,
  .k501d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .j5383529 {
    max-height: 300px;
  }

  .g53 {
    flex-direction: column;
  }

  .nc51b {
    margin-top: 0;
  }
}

.o3020a1b {
  margin: clamp(2.5rem, 5vw, 4rem) 0;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  border: 1px solid var(--color-border);
}

.ne1ff {
  max-width: 100%;
}

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

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

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

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

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

.fe6:hover {
  box-shadow: 0 8px 24px rgba(19, 78, 74, 0.1);
  transform: translateY(-2px);
}

.b1c29 {
  flex: 0 0 140px;
  width: 140px;
  height: 140px;
  overflow: hidden;
  border-radius: clamp(0.375rem, 1.5vw, 0.75rem);
}

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

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

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

.f3a245 a {
  color: var(--color-text-primary);
  text-decoration: none;
}

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

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

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

  .b1c29 {
    flex: 0 0 100%;
    width: 100%;
    height: 200px;
  }
}

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

  .k6532,
  .o204 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .dcd1c5 {
    font-size: 0.75rem;
  }

  .odc {
    gap: 1rem;
  }

  .e9f9a5c5 {
    font-size: 0.75rem;
  }

  .b1c29 {
    flex: 0 0 100px;
    width: 100px;
    height: 100px;
  }

  .fe6 {
    gap: 1rem;
    padding: 1rem;
  }
}

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

  .gd385 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .a028 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }
}

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

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

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

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

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

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

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

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

.nd3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

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

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

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

.hf5ce5 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  line-height: 1.6;
  max-width: 600px;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.f28 {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

.de21d4d {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l88b {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  line-height: 1.7;
  margin-bottom: 1.25rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c3384 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

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

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

.ab314b9d {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.nc48af4 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  flex: 0 1 calc(50% - 0.75rem);
  max-width: calc(50% - 0.75rem);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.nc48af4:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

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

.c461 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.naae6 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.m846803 {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
}

.l44 {
  flex: 1;
}

.g6d88 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p0ef img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

@media (max-width: 768px) {
  .e7a3ba3b {
    flex-direction: column;
  }
  
  .g58eec12,
  .p0ef {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.d1ea012 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.i2a2523 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.2vw, 1.125rem);
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.b162 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

@media (max-width: 768px) {
  .h766e {
    flex-direction: column;
  }
  
  .cfa2f,
  .b162 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.abade i {
  color: var(--color-secondary);
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

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

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

.b23b10 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.c66 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.2vw, 1.125rem);
  font-weight: 500;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ccce3 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  font-weight: 600;
  transition: background 0.3s ease, transform 0.3s ease;
  align-self: center;
  font-family: 'Outfit', sans-serif;
}

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

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

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

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

.ed1d3d90 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  display: block;
  margin: 0 auto;
  object-fit: cover;
  border: 3px solid var(--color-bg-secondary);
}

.a7275 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.2vw, 1.125rem);
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  margin: 0.5rem 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.c4f {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.pf985 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pf985:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

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

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

.g4390629 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.2vw, 1.125rem);
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

@media (max-width: 768px) {
  .j3ce82 {
    flex-direction: column;
  }
  
  .p447,
  .c3384 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .pf985 {
    flex-direction: column;
  }
  
  .pa6eed {
    width: 100%;
    height: 200px;
  }
  
  .f8e {
    max-width: 100%;
  }
}

@media (max-width: 1024px) {
  .ke2248 {
    font-size: clamp(1.5rem, 4vw, 2.75rem);
  }
  
  .naae6,
  .de21d4d,
  .ab314b9d {
    font-size: clamp(1.25rem, 3vw, 2rem);
  }
}

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

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

    html, body {
      font-family: var(--font-primary);
      line-height: 1.6;
    }

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

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

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

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

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

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

    .fa6 {
      text-align: center;
      max-width: 900px;
    }

    .ka5940a {
      display: inline-block;
      background: var(--color-bg-tertiary);
      color: var(--color-accent);
      padding: 0.5rem 1rem;
      border-radius: var(--radius-lg);
      font-size: clamp(0.75rem, 1vw, 0.875rem);
      font-weight: 600;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      margin-bottom: 1rem;
    }

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

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

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

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

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

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

    .na8236 {
      flex: 1 1 50%;
      min-width: 280px;
    }

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

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

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

    .g73a34 {
      flex: 1 1 50%;
      min-width: 280px;
      width: 100%;
      height: auto;
      border-radius: var(--radius-lg);
      box-shadow: var(--shadow-lg);
      object-fit: cover;
      display: block;
    }

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

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

    .bf4223 {
      text-align: center;
      max-width: 800px;
      margin: 0 auto clamp(2rem, 4vw, 3rem);
    }

    .icda {
      display: inline-block;
      color: var(--color-accent);
      font-size: clamp(0.75rem, 1vw, 0.875rem);
      font-weight: 600;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      margin-bottom: 1rem;
    }

    .p04 {
      color: var(--color-text-primary);
      font-size: clamp(1.75rem, 4vw, 2.5rem);
      line-height: 1.2;
      margin-bottom: 1rem;
    }

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

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

    .l36 {
      background: var(--color-bg-card);
      border-radius: var(--radius-lg);
      padding: clamp(1.5rem, 3vw, 2.5rem);
      flex: 1 1 calc(33.333% - 1.67rem);
      min-width: 250px;
      box-shadow: var(--shadow-md);
      transition: var(--transition-base);
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

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

    .pa1fb943 {
      color: var(--color-accent);
      font-size: 2.5rem;
      display: flex;
      align-items: center;
      justify-content: flex-start;
    }

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

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

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

      .abf {
        flex-direction: column;
      }

      .na8236 {
        flex: 1 1 100%;
      }

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

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

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

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

    .c97c74d {
      text-align: center;
      max-width: 850px;
      margin: 0 auto clamp(1rem, 3vw, 2rem);
    }

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

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

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

    .g0f50d {
      background: var(--color-bg-primary);
      border-radius: var(--radius-lg);
      padding: clamp(2rem, 4vw, 3rem);
      flex: 1 1 calc(50% - 1.25rem);
      min-width: 260px;
      border-left: 4px solid var(--color-accent);
    }

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

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

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

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

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

    .j7dc {
      text-align: center;
      max-width: 800px;
      margin: 0 auto clamp(1rem, 3vw, 2rem);
    }

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

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

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

    .n875ce0 {
      background: var(--color-bg-card);
      border-radius: var(--radius-lg);
      padding: clamp(1.5rem, 3vw, 2.5rem);
      flex: 1 1 calc(25% - 1.875rem);
      min-width: 200px;
      text-align: center;
      box-shadow: var(--shadow-md);
    }

    .gbf1e23 {
      color: var(--color-accent);
      font-size: clamp(1.75rem, 4vw, 2.5rem);
      font-weight: 700;
      line-height: 1.2;
      margin-bottom: 0.5rem;
    }

    .fbf4 {
      color: var(--color-text-secondary);
      font-size: clamp(0.8125rem, 1vw + 0.4rem, 1rem);
      line-height: 1.5;
      font-weight: 500;
    }

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

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

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

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

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

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

    .dd815f h3 {
      color: var(--color-text-primary);
      font-size: clamp(1.125rem, 2vw, 1.375rem);
      line-height: 1.3;
      margin-bottom: 1rem;
    }

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

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

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

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

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

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

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

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

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

  .j01752 {
    flex: 1 1 50%;
    min-height: 300px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .g394 {
    font-family: var(--font-heading);
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    font-weight: 600;
    color: var(--color-text-primary);
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

  .ofd08282 {
    flex: 1 1 clamp(280px, 45vw, 400px);
    background: var(--color-bg-primary);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-accent);
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 2vw, 1.25rem);
  }

  .p2d849 {
    font-family: var(--font-heading);
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    font-weight: 600;
    color: var(--color-text-primary);
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

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

  .o1dc82f {
    font-family: var(--font-heading);
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    font-weight: 600;
    color: var(--color-text-primary);
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  .d489887b {
    background: var(--color-accent);
    padding: clamp(2rem, 5vw, 3.5rem);
    border-radius: var(--radius-lg);
    text-align: center;
    max-width: 700px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 3vw, 1.75rem);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pd9 {
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    padding: 0.25rem 0.75rem;
    border-radius: var(--radius-sm);
    font-weight: 500;
  }

  .g939df8 {
    font-family: var(--font-heading);
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    font-weight: 600;
    color: var(--color-text-primary);
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

    .l2f0 {
      flex: 1 1 100%;
    }

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

    .j3f3de {
      flex: 1 1 100%;
    }

    .ofd08282 {
      flex: 1 1 100%;
    }

    .n254 {
      flex: 1 1 100%;
    }

    .eb3932 {
      flex: 1 1 100%;
    }

    .n84 {
      flex-direction: column;
    }

    .jdc53,
    .f8a90961 {
      width: 100%;
      text-align: center;
    }
  }

  @media (min-width: 768px) and (max-width: 1023px) {
    .j3f3de {
      flex: 1 1 calc(50% - 0.75rem);
    }

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

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

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

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

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

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

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

.c320 {
  width: 100%;
}

.j91eb390 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.o4c6388 {
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

.f2248 {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.p79668 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.g4a38 {
  width: 100%;
  height: clamp(200px, 30vh, 400px);
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

@media (min-width: 768px) {
  .j91eb390 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    gap: var(--spacing-xl);
  }

  .f2248 {
    font-size: clamp(2.5rem, 5vw + 0.5rem, 3.5rem);
  }

  .g4a38 {
    height: clamp(250px, 40vh, 450px);
  }
}

@media (min-width: 1024px) {
  .j91eb390 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.mcc1 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.k24b21e {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.p9e0 {
  margin-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.p9e0:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.o506 {
  width: 100%;
  padding: var(--spacing-lg) 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
  transition: color var(--transition-base);
  gap: var(--spacing-md);
}

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

.j4d1f {
  flex: 1;
  line-height: var(--line-height-normal);
}

.o203a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  width: 24px;
  height: 24px;
  color: var(--color-primary);
  font-size: 1.25rem;
  font-weight: 300;
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

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

.d96b {
  padding-bottom: var(--spacing-lg);
  animation: slideDown var(--transition-base) ease-out;
}

.d96b[hidden] {
  display: none;
}

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

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 768px) {
  .mcc1 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .mcc1 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.icf9d88 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.mde07a0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.m124 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  margin-bottom: var(--spacing-xl);
  line-height: var(--line-height-relaxed);
}

.nf3c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.oad55 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.4rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  text-align: center;
  cursor: pointer;
}

.f2234 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

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

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

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

@media (min-width: 640px) {
  .nf3c {
    flex-direction: row;
    justify-content: center;
    gap: var(--spacing-lg);
  }

  .oad55 {
    flex: 0 1 auto;
    min-width: 200px;
  }
}

@media (min-width: 768px) {
  .icf9d88 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .icf9d88 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

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

.l67fbd {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jdda1 {
  max-width: 800px;
  width: 100%;
}

.hcbebd {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.e1bd8e {
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.c18a25bf {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.l1a9c {
  max-width: 1200px;
  margin: 0 auto;
}

.m1b {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .m1b {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .m1b {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

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

.naef3e9a:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.ha47d {
  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);
  color: var(--color-primary);
  font-size: 1.75rem;
  flex-shrink: 0;
}

.ddb1fc {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.a3417 {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.beb755 {
  list-style: none;
  margin: var(--spacing-md) 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.beb755 li {
  font-size: 0.9rem;
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
  line-height: var(--line-height-normal);
}

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

.oda783 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

.nf3 {
  max-width: 700px;
  margin: 0 auto;
}

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

.kaeb956 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

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

.nfc {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  justify-content: center;
}

@media (min-width: 640px) {
  .nfc {
    flex-direction: row;
    gap: var(--spacing-lg);
  }
}

.pf3b5d9f {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  border: none;
  cursor: pointer;
  line-height: var(--line-height-normal);
}

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

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

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

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

@media (min-width: 768px) {
  .l67fbd {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 260px;
  }

  .c18a25bf {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .oda783 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .l67fbd {
    padding: 5rem var(--spacing-xl);
    min-height: 300px;
  }

  .c18a25bf {
    padding: 5rem var(--spacing-xl);
  }

  .oda783 {
    padding: 5rem var(--spacing-xl);
  }
}

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

.c14b5 main {
  width: 100%;
  padding: 0;
  margin: 0;
}

.c14b5 .o3b2 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.c14b5 .k0b563a1 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.c14b5 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.c14b5 .o20b37eb {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.c14b5 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.c14b5 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.c14b5 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.c14b5 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.c14b5 .l9d04 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.c14b5 .l9d04 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.c14b5 .l9d04 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.c14b5 .hf7ea197 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

.c14b5 .hf7ea197 p {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .c14b5 .k0b563a1 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .c14b5 .l9d04 {
    padding: var(--spacing-2xl) var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .c14b5 .o3b2 {
    padding: 0 var(--spacing-lg);
  }

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

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-normal);
}

.m27d5b {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.fa72 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.o3b2 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
}

.k0b563a1 {
  width: 100%;
  max-width: 800px;
  padding: 0;
}

.hd3 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.fdb {
  margin-bottom: var(--spacing-xl);
  display: flex;
  justify-content: center;
}

.fdb svg {
  width: clamp(60px, 15vw, 100px);
  height: clamp(60px, 15vw, 100px);
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.kdea2 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.f50a {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.ne0f405 {
  margin: var(--spacing-2xl) 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.efa3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) 0;
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  font-weight: 500;
}

.k8ea184 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.k8ea184 svg {
  width: 24px;
  height: 24px;
  color: var(--color-success);
}

.nf18 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: var(--spacing-2xl) 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.ofc {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  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);
}

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

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

.f23d4: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) {
  .fa72 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    min-height: 100vh;
  }

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

  .ofc {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: clamp(0.95rem, 0.9vw, 1.1rem);
  }
}

@media (min-width: 1024px) {
  .fa72 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

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

@media (max-width: 480px) {
  .fa72 {
    padding: var(--spacing-md) var(--spacing-sm);
    min-height: auto;
  }

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

  .fdb svg {
    width: 60px;
    height: 60px;
  }

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

  .ne0f405 {
    margin: var(--spacing-xl) 0;
    gap: var(--spacing-sm);
  }

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

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

.f940 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.f73c {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  min-height: 100vh;
  overflow: hidden;
}

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

.k0b563a1 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.p271 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-2xl);
  animation: fadeInUp 0.8s ease-out;
}

.h84d5ee1 {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m78 {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid var(--color-primary);
  border-radius: 50%;
  opacity: 0.3;
  animation: breathe 4s ease-in-out infinite;
}

.m78::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  border: 2px solid var(--color-primary);
  border-radius: 50%;
  opacity: 0.5;
  animation: breatheReverse 4s ease-in-out infinite;
}

.ccb {
  font-size: clamp(3rem, 12vw, 5.5rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -2px;
  font-family: var(--font-heading);
  z-index: 1;
  position: relative;
}

.k2b {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

.k2b h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.f9856a {
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-primary);
  font-family: var(--font-heading);
  font-weight: 600;
}

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

.e0658 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
  animation: fadeInUp 0.8s ease-out 0.4s both;
  margin: var(--spacing-lg) 0;
}

.h18c2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.cfbb {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  display: block;
}

.h18c2 p {
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
}

.kcb764a4 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-lg);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  animation: fadeInUp 0.8s ease-out 0.6s both;
  box-shadow: var(--shadow-md);
}

.kcb764a4:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-3px);
  box-shadow: var(--shadow-lg);
}

.kcb764a4:active {
  transform: translateY(-1px);
}

.a91f7 {
  display: inline-block;
}

.nefd8aa4 {
  display: inline-block;
  transition: transform var(--transition-base);
  font-size: 1.2em;
}

.kcb764a4:hover .nefd8aa4 {
  transform: translateX(4px);
}

@keyframes breathe {
  0%, 100% {
    transform: scale(1);
    opacity: 0.3;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.1;
  }
}

@keyframes breatheReverse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }
  50% {
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0.2;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 640px) {
  .h84d5ee1 {
    width: 240px;
    height: 240px;
  }

  .e0658 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
    margin: var(--spacing-2xl) 0;
  }

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

  .kcb764a4 {
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .h84d5ee1 {
    width: 280px;
    height: 280px;
  }

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

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

  .h18c2 {
    padding: var(--spacing-xl);
  }

  .kcb764a4 {
    font-size: 1.1rem;
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .p271,
  .k2b,
  .e0658,
  .kcb764a4 {
    animation: none;
  }

  .m78,
  .m78::before {
    animation: none;
  }

  .h18c2 {
    transition: none;
  }

  .kcb764a4,
  .nefd8aa4 {
    transition: none;
  }
}

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

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

.o917272 {
  text-align: center;
}

.m7e8b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
  letter-spacing: -0.02em;
}

.pc86 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: var(--spacing-md) 0 0 0;
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.i9ac7b {
  width: 100%;
}

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

.ca366b {
  flex: 1 1 100%;
  min-width: 0;
}

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

.o915e169 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

.b155d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: var(--spacing-sm) 0 0 0;
  line-height: var(--line-height-normal);
}

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

.e623d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.n09 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.md8972e {
  color: var(--color-danger);
  margin-left: 0.25rem;
}

.p51290c4,
.ha0 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.p51290c4::placeholder,
.ha0::placeholder {
  color: var(--color-text-muted);
}

.p51290c4:focus,
.ha0:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.ha0 {
  resize: vertical;
  min-height: clamp(120px, 20vw, 160px);
  font-family: var(--font-primary);
}

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

.fff087 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  cursor: pointer;
  line-height: var(--line-height-normal);
}

.cdb {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--color-primary);
  flex-shrink: 0;
}

.cdb:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

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

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

.a6d5070 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-top: var(--spacing-sm);
}

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

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

.a6d5070:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.f61dbe {
  flex: 1 1 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 2.5rem);
}

.jf0 {
  background-color: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

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

.nb6 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-tight);
}

.hdd78f4 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.pc7d5b7 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.h60f {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  flex-shrink: 0;
}

.g0a5a3 {
  flex: 1;
}

.a5e38e {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: var(--line-height-tight);
}

.f9e30 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  line-height: var(--line-height-normal);
  display: block;
}

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

.mbafc127 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-normal);
}

.j83d {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.kd4cc9 {
  margin: 0;
}

.g4852f4d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base), padding-left var(--transition-base);
  line-height: var(--line-height-normal);
  display: inline-block;
  padding-left: 0;
}

.g4852f4d:hover {
  color: var(--color-primary-hover);
  padding-left: var(--spacing-sm);
}

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

.kfa {
  text-align: center;
}

.a500e0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: -0.01em;
}

.j27bc36 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.i2a {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  border: none;
}

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

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

.i2a:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

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

  .md43 {
    padding: clamp(3rem, 10vw, 5rem) 0;
  }

  .a09fa32b {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2.5rem, 5vw, 4rem);
  }

  .ca366b {
    flex: none;
  }

  .f61dbe {
    flex: none;
  }

  .e0d {
    padding: clamp(3rem, 10vw, 5rem) 0;
  }
}

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

  .md43 {
    padding: clamp(4rem, 12vw, 6rem) 0;
  }

  .a09fa32b {
    gap: clamp(3rem, 6vw, 4rem);
  }

  .e0d {
    padding: clamp(4rem, 12vw, 6rem) 0;
  }
}

@media (max-width: 767px) {
  .e11f0 {
    padding: var(--spacing-lg);
  }

  .jf0 {
    padding: var(--spacing-lg);
  }
}
.m0c17,.p557ad{
  width: 34px;
}

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

.hc07{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .hc07{
    max-width: 100%;
  }
}

.hc07.i8caa5{
  z-index: 999;
}

.m3d5f519{
  padding-top: 50px;
}

.m0c17[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .b15d2e {
    aspect-ratio: 6 / 9;
  }
  .nf4037 {
    aspect-ratio: 6 / 9;
  }
}