@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Proza+Libre:wght@400;500;600;700&display=swap');

:root {
  --color-bg-primary: #1a150d;
  --color-bg-secondary: #2d2517;
  --color-bg-tertiary: #403520;
  --color-bg-card: #2d2517;

  --color-text-primary: #fef3c7;
  --color-text-secondary: #fcd34d;
  --color-text-muted: #f59e0b;

  --color-primary: #d97706;
  --color-primary-hover: #b45309;
  --color-primary-light: #e8a74a;
  --color-secondary: #f59e0b;
  --color-secondary-light: #f9b847;

  --color-success: #10b981;
  --color-success-light: #34d399;
  --color-warning: #f59e0b;
  --color-warning-light: #f9b847;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #403520;
  --color-border-light: #3a2f24;

  --font-primary: 'Proza Libre', sans-serif;
  --font-heading: 'Cormorant Garamond', serif;

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

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.7);

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

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

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

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

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

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

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

h2 {
  font-size: 2.75rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 2rem;
  font-weight: 600;
}

h4 {
  font-size: 1.5rem;
  font-weight: 600;
}

h5 {
  font-size: 1.25rem;
  font-weight: 600;
}

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

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

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

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

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

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

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

.j99895 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background: var(--color-primary);
  color: var(--color-bg-primary);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: 1rem;
  transition: all var(--transition-fast);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

.b25fdb2 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  border: 1px solid var(--color-border);
}

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

.oaf87 {
  background: var(--color-success-light);
  color: var(--color-bg-primary);
  border-color: var(--color-success);
}

.m984b601 {
  background: var(--color-warning-light);
  color: var(--color-bg-primary);
  border-color: var(--color-warning);
}

.dd41450 {
  background: var(--color-danger-light);
  color: var(--color-bg-primary);
  border-color: var(--color-danger);
}

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

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

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

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

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

.ee983c5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
}

.ob525 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md);
}

.d281a2a {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.g4039e3 {
  text-align: center;
}

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

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

.h393918 {
  font-size: 0.875rem;
}

.kd693 {
  font-size: 1.125rem;
}

.jd0c93 {
  font-size: 1.25rem;
}

.f5ff39 {
  font-weight: 700;
}

.b31ac0 {
  font-weight: 600;
}

.k661c34 {
  font-weight: 500;
}

.f60480 { margin-top: var(--spacing-xs); }
.d76f { margin-top: var(--spacing-sm); }
.f48e52 { margin-top: var(--spacing-md); }
.ac2 { margin-top: var(--spacing-lg); }
.ee67855 { margin-top: var(--spacing-xl); }
.l0744be9 { margin-top: var(--spacing-2xl); }
.db442f { margin-top: var(--spacing-3xl); }

.l2bc6 { margin-bottom: var(--spacing-xs); }
.ceca175b { margin-bottom: var(--spacing-sm); }
.p34936 { margin-bottom: var(--spacing-md); }
.a783 { margin-bottom: var(--spacing-lg); }
.n8a9 { margin-bottom: var(--spacing-xl); }
.o23d52 { margin-bottom: var(--spacing-2xl); }
.g0fb69 { margin-bottom: var(--spacing-3xl); }

.d7fe6d { padding: 0 var(--spacing-md); }
.af16 { padding: 0 var(--spacing-lg); }
.i82 { padding: var(--spacing-md) 0; }
.cb4a6 { padding: var(--spacing-lg) 0; }

.p3d { opacity: 0.75; }
.md6c { opacity: 0.5; }

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

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

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

.h146915 { border-radius: var(--radius-sm); }
.lc99eb0 { border-radius: var(--radius-md); }
.ja8c4f { border-radius: var(--radius-lg); }
.e250d { border-radius: var(--radius-xl); }
.med { border-radius: var(--radius-full); }

.o04b31 { box-shadow: var(--shadow-sm); }
.i3d49 { box-shadow: var(--shadow-md); }
.g6e1dce3 { box-shadow: var(--shadow-lg); }
.o5512c { box-shadow: var(--shadow-xl); }

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

  .e8041,
  .i576,
  .a8c62 {
    grid-template-columns: 1fr;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .j99895 {
    padding: var(--spacing-sm) var(--spacing-lg);
    font-size: 0.9rem;
  }

  .ee78e14c {
    padding: var(--spacing-lg);
  }
}
.l8d8b1 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
  width: 100%;
  top: 0;
}

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

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

.c06:hover {
  opacity: 0.85;
}

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

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

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

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

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

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

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

.ffa2308 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

.ffa2308:hover {
  opacity: 0.7;
}

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

.o2f {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.3s ease;
  z-index: 200;
  overflow-y: auto;
}

.o2f.c91 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

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

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

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

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

  .e38ee {
    display: flex;
  }

  .ddeb11 {
    display: block;
  }

  .ffa2308 {
    display: none;
  }

  .o2f {
    display: none;
  }

  .l42 {
    font-size: 1.35rem;
  }
}

@media (min-width: 1024px) {
  .pb74 {
    min-height: 85px;
    padding: 0 clamp(2rem, 5vw, 3rem);
  }

  .h09b2 {
    width: 45px;
    height: 45px;
  }

  .l42 {
    font-size: 1.5rem;
  }

  .pa173 {
    font-size: 1rem;
  }

  .ddeb11 {
    padding: 0.875rem 2rem;
    font-size: 1rem;
  }
}

    

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

html, body {
  width: 100%;
}

.a7f {
  width: 100%;
  background: var(--color-bg-primary);
  font-family: var(--font-primary), sans-serif;
  color: var(--color-text-primary);
  overflow-x: hidden;
}

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

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

.j99895 {
  display: inline-block;
  padding: 0.875rem 2rem;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
  font-family: var(--font-primary), sans-serif;
}

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

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

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

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

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

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

.n0ad78 {
  text-align: center;
}

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

.e77 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 400;
}

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

.k6c9d {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

.k6c9d img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  min-height: 400px;
}

.cec0,
.ab0dab {
  border-radius: 12px;
  overflow: hidden;
}

.cec0 img,
.ab0dab img {
  width: 100%;
  height: auto;
  object-fit: cover;
  min-height: 180px;
  display: block;
}

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

@media (max-width: 768px) {
  .hd0c3f4 {
    grid-template-columns: 1fr;
    gap: clamp(0.75rem, 2vw, 1.5rem);
  }

  .k6c9d {
    grid-column: 1;
    grid-row: 1;
  }

  .cec0,
  .ab0dab {
    display: none;
  }

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

  .oe0 .j99895 {
    text-align: center;
  }
}

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

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

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

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

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

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

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

.od8edd8d {
  flex: 1 1 45%;
  border-radius: 12px;
  overflow: hidden;
}

.od8edd8d img {
  width: 100%;
  height: auto;
  object-fit: cover;
  min-height: 300px;
  max-height: 450px;
  display: block;
}

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

  .ga534,
  .od8edd8d {
    flex: 1 1 100%;
  }

  .od8edd8d img {
    min-height: 200px;
    max-height: 300px;
  }
}

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

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

.ca7468 {
  text-align: center;
}

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

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

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

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

.l0c474:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(217, 119, 6, 0.15);
}

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

.if71e79:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(217, 119, 6, 0.15);
}

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

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

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

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

  .if71e79 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 180px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c63 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 2rem);
  align-items: center;
  justify-content: center;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.d1c {
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, 0.5vw, 0.5rem);
  align-items: center;
  text-align: center;
}

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

.m9d {
  font-family: var(--font-heading), serif;
  font-size: clamp(1.25rem, 2.5vw, 2rem);
  color: var(--color-accent);
  font-weight: 700;
}

.g3959 {
  width: 1px;
  height: clamp(2rem, 5vw, 3rem);
  background: var(--color-border);
}

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

  .g3959 {
    display: none;
  }
}

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

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

.k6101c {
  text-align: center;
}

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

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

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

.l851914b {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.l851914b:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 12px 32px rgba(217, 119, 6, 0.2);
}

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

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

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

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

.i4508e5 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  transition: all 0.3s ease;
  width: fit-content;
}

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

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

.n171d {
  display: inline-block;
  padding: 0.75rem 1.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

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

.b671f {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}

.b671f:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 12px 32px rgba(217, 119, 6, 0.15);
}

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

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

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

.peea95 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  transition: all 0.3s ease;
}

.b671f:hover .peea95 {
  transform: translateX(4px);
}

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

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

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

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

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

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

.d74 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  text-align: center;
  flex: 0 1 150px;
  transition: all 0.3s ease;
}

.d74:hover {
  border-color: var(--color-accent);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(217, 119, 6, 0.1);
}

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

.nbfc2b {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.3;
}

@media (max-width: 768px) {
  .d74 {
    flex: 0 1 130px;
  }
}

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

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

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

.i1d8452 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 2rem);
  align-items: center;
  justify-content: center;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.pa8c79ea {
  flex: 1 1 auto;
  min-width: 200px;
  text-align: center;
}

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

.k6e {
  width: 1px;
  height: clamp(2rem, 5vw, 3rem);
  background: var(--color-border);
}

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

  .k6e {
    display: none;
  }
}

.j556bec3 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-top: 1px solid var(--color-border);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 2rem);
  overflow: hidden;
}

.j556bec3.j3d3 {
  display: none;
}

.ld025 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  margin: 0;
  line-height: 1.5;
  flex: 1 1 auto;
  min-width: 250px;
  text-align: center;
}

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

.k8d4,
.a995f6 {
  padding: 0.625rem 1.25rem;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  border: none;
  transition: all 0.3s ease;
  font-family: var(--font-primary), sans-serif;
}

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

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

.a995f6 {
  background: transparent;
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

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

@media (max-width: 768px) {
  .j556bec3 {
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1.25rem);
  }

  .ld025 {
    order: 1;
  }

  .m7b {
    order: 2;
    width: 100%;
  }

  .k8d4,
  .a995f6 {
    flex: 1 1 calc(50% - 0.375rem);
    min-width: 100px;
  }
}

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

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

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

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

.f133,
.g03c1df5,
.bbadd854,
.h898ec,
.f0c {
  display: block;
}

.f133 {
  max-width: 480px;
}

.f133 h3,
.g03c1df5 h3,
.bbadd854 h3,
.h898ec h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
  letter-spacing: 0.3px;
}

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

.cddd,
.d020be68 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.25rem, 3vw, 2rem);
  list-style: none;
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

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

.j086 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.95vw, 0.875rem);
  font-style: italic;
}

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

  .f133 {
    flex: 1 1 100%;
    max-width: 520px;
  }

  .g03c1df5,
  .h898ec {
    flex: 0 1 auto;
  }

  .bbadd854 {
    flex: 0 1 auto;
  }

  .f0c {
    flex: 1 1 100%;
  }

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

@media (min-width: 1024px) {
  .fe47 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: clamp(2.5rem, 5vw, 4rem);
    align-items: start;
  }

  .f133 {
    grid-column: 1;
  }

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

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

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

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

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

.de848d7 {
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.n87f:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(217, 119, 6, 0.15);
}

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

.o2867f {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.f4ca92 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: 8px;
  transition: all 0.3s ease;
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
  align-items: stretch;
}

.f4ca92:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(217, 119, 6, 0.15);
}

.k530 {
  flex: 0 0 35%;
  min-width: 220px;
  overflow: hidden;
  border-radius: 6px;
}

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

.l59 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: space-between;
}

.jef5 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.l9f341 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1.2vw, 0.95rem);
  color: var(--color-text-muted);
  align-items: center;
}

.he218f88,
.aab8af,
.fe67 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.he218f88 i,
.aab8af i,
.fe67 i {
  color: var(--color-accent);
}

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

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

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

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

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

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

.o3901c {
  flex: 1 1 380px;
  max-width: 450px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 8px;
}

.bb9c550 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.fe4 li {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .k530 {
    flex: 1;
    min-height: 220px;
  }

  .c17e43 {
    flex-direction: column;
  }

  .n87f {
    flex: 1 1 100%;
  }

  .bd0923f {
    flex-direction: column;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .f4ca92 {
    flex-direction: row;
  }

  .k530 {
    flex: 0 0 40%;
    min-width: 250px;
  }

  .c17e43 {
    flex-direction: row;
  }

  .n87f {
    flex: 1 1 45%;
  }

  .bd0923f {
    flex-direction: row;
  }

  .o3901c {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .f4ca92 {
    flex-direction: row;
  }

  .k530 {
    flex: 0 0 38%;
    min-height: 280px;
  }

  .c17e43 {
    flex-direction: row;
  }

  .n87f {
    flex: 1 1 30%;
    max-width: none;
  }

  .bd0923f {
    flex-direction: row;
  }

  .o3901c {
    flex: 1 1 48%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.cc8a85 {
  font-family: var(--font-heading);
  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;
  font-weight: 700;
}

.i9f {
  font-size: clamp(0.95rem, 1.2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  line-height: 1.5;
}

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

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

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

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

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

  .dad,
  .c8cf {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.dbaf {
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  color: var(--color-text-muted);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

  .o5ba,
  .fc77 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.nb8ceef li {
  font-size: clamp(0.9rem, 1.1vw, 1.0625rem);
  color: var(--color-text-secondary);
  padding-left: 1.75rem;
  margin-bottom: 0.75rem;
  position: relative;
  line-height: 1.6;
}

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

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

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

  .ea678e,
  .a66599dd {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.p14f2873 {
  font-size: clamp(1.5rem, 2vw, 1.75rem);
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.i64 {
  flex: 1;
}

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

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

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

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

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

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

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

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

  .pbf9003,
  .o88 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.gc69ab9 {
  font-size: clamp(0.9rem, 1.1vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

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

.haa5 {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

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

.of0d:hover .haa5 img {
  transform: scale(1.05);
}

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

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

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

.hf0 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
  align-self: flex-start;
  margin-top: 0.5rem;
}

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

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

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

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

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

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

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

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

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

  .l9b,
  .j442 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.lf6f9 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.2;
  font-weight: 700;
}

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

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

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

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

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

@media (max-width: 768px) {
  .p514 {
    text-align: left;
  }

  .gc8b7c8 {
    display: block;
    text-align: center;
  }
}

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

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

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

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

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

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

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

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

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

.kda a {
  color: var(--color-text-secondary);
  transition: var(--transition-base);
}

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

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

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

.ne8 {
  max-width: 900px;
}

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

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

.ceb98 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

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

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

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

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

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

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

.h6951 {
  flex: 1;
}

.hc12 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.25rem;
}

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

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

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

.pf5c9120 {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ae3092,
.e604,
.hcd099,
.o99642 {
  flex: 1 1 50%;
  max-width: 50%;
}

.n1f,
.m234,
.l4a52485,
.b40fca {
  flex: 1 1 50%;
  max-width: 50%;
}

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

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

.ae3092 p:last-child,
.e604 p:last-child,
.hcd099 p:last-child,
.o99642 p:last-child {
  margin-bottom: 0;
}

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

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

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

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

.b968 {
  max-width: 900px;
}

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

.c72dfa {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

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

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

.m880 {
  max-width: 900px;
}

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

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

.l52 {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

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

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

.j296b:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
  transform: translateY(-2px);
}

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

.g16f6f0 {
  max-width: 1440px;
}

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

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

.o3f2a18 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.pa27c91 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

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

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

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

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

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

@media (max-width: 1023px) {
  .j5553108 {
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .l1dd6b,
  .jd8cd0,
  .i020870e,
  .c8cbabb2,
  .h8b {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .gef7,
  .c1dc1ce,
  .ae3092,
  .e604,
  .hcd099,
  .o99642,
  .n1f,
  .m234,
  .l4a52485,
  .b40fca {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .o2463 {
    width: 80px;
    height: 80px;
  }

  .o3f2a18 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 260px;
  }
}

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

  .c6938b1 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

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

  .i8af362,
  .i6e918a,
  .o7b8a8,
  .c13,
  .cec85d,
  .l6f4,
  .k934b664 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

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

  .ad65238 {
    flex-direction: column;
  }
}

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

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

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

  .j6ffef2 li {
    padding-left: 1.25rem;
  }
}

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

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

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

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

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

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

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

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

.pac7b56 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

.pac7b56 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: var(--transition-base);
  border-bottom: 1px solid transparent;
}

.pac7b56 a:hover {
  color: var(--color-accent);
  border-bottom-color: var(--color-accent);
}

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

.p33b {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

.ebaadc {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

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

.p3a98659 {
  color: var(--color-text-muted);
  opacity: 0.6;
}

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

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

.haf641 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: center;
}

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

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

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

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

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

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

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

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

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

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

.b771c {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.f3749 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.kcb {
  font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

.i10a {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

.ke7 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1 1 auto;
  min-width: 150px;
}

.e442a5 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
}

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

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

.i0c5 {
  font-size: 1.5rem;
  color: var(--color-text-muted);
  flex-shrink: 0;
  padding-top: 0.25rem;
}

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

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

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

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

.e833e {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.3;
}

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

.l3fa {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  overflow: hidden;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

.l3fa:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(217, 119, 6, 0.15);
}

.o4f2db {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

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

.jbf43c3 {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

.ja59b {
  font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
}

.m76da {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  margin-top: 1rem;
}

.hff6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 1.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 0.5rem;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

  .b771c,
  .f3749 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .p8f7 {
    flex-direction: column;
  }

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

  .haf641 {
    flex-direction: row;
    gap: 1rem;
  }

  .ic2 {
    width: 70px;
    height: 70px;
  }

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

  .ke7 {
    min-width: 100%;
  }

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

@media (min-width: 1024px) {
  .k5d96 {
    max-width: 1000px;
  }

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

  .l3fa {
    flex: 0 1 calc(33.333% - 1.67rem);
  }
}

@media (min-width: 1440px) {
  .k5d96 {
    max-width: 1100px;
  }
}

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

  html {
    scroll-behavior: smooth;
  }

  body {
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
    font-family: var(--font-primary);
    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;
  }

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

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

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

  .h1eb {
    overflow: hidden;
  }

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

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

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

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

  .e91 {
    font-size: clamp(0.9rem, 2vw + 0.5rem, 1.2rem);
    color: var(--color-text-secondary);
    max-width: 650px;
    line-height: 1.7;
  }

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

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

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

  .d7f291 {
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
  }

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

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

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

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

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

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

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

  .l9def3 {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
  }

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

  .f36f34 {
    font-size: clamp(0.95rem, 2vw + 0.5rem, 1.2rem);
    color: var(--color-text-primary);
    margin: 0;
  }

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

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

  .m4fab7b {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-text-secondary);
    line-height: 1.5;
    margin: 0;
    max-width: 400px;
  }

  @media (max-width: 768px) {
    .j93 {
      flex-direction: column;
      align-items: flex-start;
    }
  }

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

  .n39b738 a {
    color: var(--color-text-secondary);
    transition: color 0.3s ease;
  }

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

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

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

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

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

  .h2c54 {
    font-size: clamp(0.9rem, 2vw + 0.5rem, 1.1rem);
    color: var(--color-text-secondary);
    line-height: 1.8;
    max-width: 700px;
  }

  .bb850 {
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
  }

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

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

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

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

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

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

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

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

  .ka684 {
    font-size: clamp(0.9rem, 2vw + 0.5rem, 1.1rem);
    color: var(--color-text-secondary);
    line-height: 1.8;
  }

  .e44a {
    list-style: none;
    margin: 1.5rem 0;
    padding: 0;
  }

  .e44a li {
    font-size: clamp(0.9rem, 2vw + 0.5rem, 1.1rem);
    color: var(--color-text-secondary);
    line-height: 1.8;
    padding-left: 2rem;
    position: relative;
    margin-bottom: 0.8rem;
  }

  .e44a li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 8px;
    height: 8px;
    background: var(--color-accent);
    border-radius: 50%;
  }

  .fad84 {
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
  }

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

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

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

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

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

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

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

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

  .n4e489f {
    font-size: clamp(0.9rem, 2vw + 0.5rem, 1.1rem);
    color: var(--color-text-secondary);
    line-height: 1.8;
  }

  .n4e489f + .n4e489f {
    margin-top: 1rem;
  }

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

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

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

  .a4cd {
    font-size: clamp(0.9rem, 2vw + 0.5rem, 1.1rem);
    color: var(--color-text-secondary);
    line-height: 1.8;
  }

  .a578 {
    list-style: none;
    margin: 1.5rem 0;
    padding: 0;
  }

  .a578 li {
    font-size: clamp(0.9rem, 2vw + 0.5rem, 1.1rem);
    color: var(--color-text-secondary);
    line-height: 1.8;
    padding-left: 2rem;
    position: relative;
    margin-bottom: 0.8rem;
  }

  .a578 li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 8px;
    height: 8px;
    background: var(--color-accent);
    border-radius: 50%;
  }

  .jbbb72 {
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
  }

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

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

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

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

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

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

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

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

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

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

  .i438a390 {
    background: var(--color-bg-card);
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
  }

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

  .i438a390:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
  }

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

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

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

  .e74a2d5 {
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
    color: var(--color-text-primary);
    line-height: 1.4;
    margin: 0;
  }

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

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

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

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

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

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

  .h2162d {
    font-size: clamp(0.9rem, 2vw + 0.5rem, 1.1rem);
    color: var(--color-text-secondary);
    line-height: 1.8;
  }

  .p99 {
    list-style: none;
    margin: 1.5rem 0;
    padding: 0;
  }

  .p99 li {
    font-size: clamp(0.9rem, 2vw + 0.5rem, 1.1rem);
    color: var(--color-text-secondary);
    line-height: 1.8;
    padding-left: 2rem;
    position: relative;
    margin-bottom: 0.8rem;
  }

  .p99 li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 8px;
    height: 8px;
    background: var(--color-accent);
    border-radius: 50%;
  }

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

  .a8b4f {
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
  }

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

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

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

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

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

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

  .o5ec2 {
    background: var(--color-bg-card);
    border-left: 4px solid var(--color-text-muted);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .o5ec2 i {
    color: var(--color-text-muted);
    font-size: 1.5rem;
    flex-shrink: 0;
    margin-top: 0.2rem;
  }

  .b55d0a4 {
    flex: 1;
  }

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

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

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

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

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

  .ed37 {
    font-size: clamp(0.9rem, 2vw + 0.5rem, 1.1rem);
    color: var(--color-text-secondary);
    line-height: 1.8;
  }

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

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

  .n55 {
    display: inline-block;
    background: var(--color-accent);
    color: var(--color-text-primary);
    padding: clamp(0.8rem, 2vw, 1.2rem) clamp(1.5rem, 3vw, 2.5rem);
    border-radius: 8px;
    font-size: clamp(0.9rem, 2vw + 0.5rem, 1.1rem);
    font-weight: 600;
    transition: background 0.3s ease, transform 0.3s ease;
    text-decoration: none;
    display: inline-block;
  }

  .n55:hover {
    background: var(--color-accent-hover);
    transform: translateY(-2px);
    text-decoration: none;
  }

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

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

  @media (min-width: 1024px) {
    .o0bfd4df {
      padding: 5rem 0;
    }

    .oc7cd,
    .db228,
    .eac1,
    .he48bd5,
    .i61,
    .db52b,
    .e019 {
      padding: 5rem 0;
    }
  }

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

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

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

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

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

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

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

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

.le93bb6a {
  text-align: center;
}

.h59df65b {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 1rem;
  display: inline-block;
}

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

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

.b5c197f {
  width: 100%;
  max-width: 900px;
  height: auto;
  display: block;
  border-radius: 12px;
  overflow: hidden;
}

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

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

.a7831 {
  text-align: center;
}

.iebf {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 0.75rem;
}

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

.l515d18 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1.1rem);
  max-width: 750px;
  margin: 0 auto;
  line-height: 1.7;
}

.f894a81 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.0625rem);
  line-height: 1.8;
  max-width: 800px;
  margin: 0 auto;
}

.f894a81 p {
  color: var(--color-text-secondary);
  margin-bottom: 1.5rem;
}

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

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

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

.eb8b {
  text-align: center;
}

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

.l6d0f55 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-bg-tertiary);
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.l6d0f55:hover {
  background: var(--color-bg-tertiary);
  transform: translateY(-4px);
}

.kd3f8 {
  color: var(--color-text-muted);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  margin-bottom: 1rem;
}

.c1d35bec {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.25rem, 1.35rem);
  margin-bottom: 0.75rem;
  line-height: 1.3;
}

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

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

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

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

.ca2 {
  width: 100%;
  max-width: 900px;
  height: auto;
  display: block;
  border-radius: 8px;
  margin: 0 auto;
}

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

.a89105 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
}

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

.n9c59d59 {
  color: var(--color-text-muted);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: bold;
  flex-shrink: 0;
}

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

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

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

.p09129f2 {
  text-align: center;
}

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

.o67fc {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: flex-start;
}

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

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

.n5fa22 {
  color: var(--color-text-primary);
  font-weight: 600;
  display: block;
  margin-bottom: 0.25rem;
}

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

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

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

.b1f38be {
  flex: 1 1 45%;
}

.o80553 {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.d63 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 0.75rem;
}

.c860ff {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  margin-bottom: 1.25rem;
  line-height: 1.2;
}

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

.gd08d27 p {
  color: var(--color-text-secondary);
  margin-bottom: 1rem;
}

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

.l566f04 {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 6vw, 5rem) 0;
  border-top: 1px solid var(--color-bg-card);
  overflow: hidden;
}

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

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

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

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

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

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

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

  .f894a81 {
    text-align: center;
  }

  .l6d0f55 {
    flex: 1 1 100%;
  }

  .a89105 {
    flex: 1 1 100%;
  }

  .a28ef9 {
    flex-direction: column;
  }

  .b1f38be {
    flex: 1 1 100%;
  }

  .o80553 {
    flex: 1 1 100%;
  }

  .o67fc {
    gap: 1rem;
  }
}

@media (max-width: 480px) {
  .e68166b {
    text-align: center;
  }

  .f7a35 {
    text-align: center;
  }

  .l6d0f55 {
    min-width: 100%;
  }
}

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

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

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

.h66 {
  flex: 1 1 100%;
}

.c9cba28 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 1rem, 4rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 2vw, 1.5rem) 0;
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m347fdbc {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 90%;
}

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

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

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

  .h66 {
    flex: 1 1 50%;
  }

  .ebbfd {
    flex: 1 1 50%;
  }

  .f3bbac {
    max-height: 450px;
  }
}

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

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

.ecee6 {
  text-align: center;
}

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

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

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

.a7e p {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.nc8 {
  text-align: center;
}

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

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

.g2d8f1 {
  font-size: clamp(0.9rem, 1.2vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: clamp(0.75rem, 1.5vw, 1.25rem) 0 0 0;
  line-height: 1.6;
}

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

.o3fc2 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  border-left: 4px solid var(--color-accent);
  transition: var(--transition-base);
}

.o3fc2:hover {
  transform: translateX(8px);
}

.gb028a {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  font-weight: 700;
  margin: 0;
  line-height: 1;
}

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

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

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

  .o3fc2 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 250px;
  }
}

@media (min-width: 1024px) {
  .o3fc2 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  }
}

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

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

.d70e {
  text-align: center;
}

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

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

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

.ka8d1 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
  transition: var(--transition-base);
}

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

.h9516 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(1.05rem, 1.5vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1.25rem) 0;
  font-weight: 600;
}

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

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

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

  .ka8d1 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 280px;
  }
}

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

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

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

.m03 {
  text-align: center;
}

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

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

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

.jc001f {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
}

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

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

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

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

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

  .jc001f {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 260px;
  }
}

@media (min-width: 1024px) {
  .jc001f {
    flex: 1 1 calc(25% - clamp(1rem, 2vw, 1.5rem));
  }
}

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

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

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

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

.heae36b {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  align-items: center;
  width: 100%;
}

.lf5d2,
.n92b1fe {
  padding: clamp(0.85rem, 1.5vw, 1.1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.9rem, 1.1vw + 0.4rem, 1rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-base);
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border: none;
}

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

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

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

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

@media (min-width: 640px) {
  .heae36b {
    flex-direction: row;
    justify-content: center;
  }
}

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

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

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

.c7170a {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.c45 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
}

.na0909b {
  order: 2;
}

.jfe {
  order: 1;
  width: 100%;
  height: 280px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.a29bc1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
  font-weight: 600;
}

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

@media (min-width: 768px) {
  .c7170a {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .c45 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }

  .na0909b {
    order: 1;
  }

  .jfe {
    order: 2;
    height: 340px;
  }
}

@media (min-width: 1024px) {
  .c7170a {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .jfe {
    height: 400px;
  }
}

.o1a0a967 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.m9ed463 {
  max-width: 900px;
  margin: 0 auto;
}

.p73decf3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.g330 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

.g330:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-border);
}

.mc872180 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  background: transparent;
  border: none;
  padding: var(--spacing-md);
  cursor: pointer;
  text-align: left;
  font-family: var(--font-primary);
  transition: all var(--transition-base);
}

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

.mc872180:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
}

.k13de {
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
  flex: 1;
}

.b23481b {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--color-primary);
  transition: transform var(--transition-base);
  display: inline-block;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mc872180[aria-expanded="true"] .b23481b {
  transform: rotate(45deg);
}

.f05f {
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  animation: slideDown var(--transition-base) ease-out;
  border-top: 1px solid var(--color-border-light);
}

.f05f p {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: var(--spacing-md) 0;
}

.f05f p:first-child {
  margin-top: var(--spacing-md);
}

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

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 768px) {
  .o1a0a967 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .o1a0a967 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.i468b {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.a507 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
}

.g54a {
  order: 2;
}

.b7f {
  order: 1;
  width: 100%;
  height: 260px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.o05a5 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
  font-weight: 600;
}

.e91de {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.j609602 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base);
}

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

.j609602:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .i468b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .a507 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }

  .g54a {
    order: 1;
  }

  .b7f {
    order: 2;
    height: 320px;
  }
}

@media (min-width: 1024px) {
  .i468b {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .b7f {
    height: 380px;
  }
}

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

.n06f8a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 2px solid var(--color-border-light);
}

.h7ed {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.e58906 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.gd8f6 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .n06f8a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .n06f8a {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.i9bfcb03 {
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.hc359 {
  max-width: 1200px;
  margin: 0 auto;
}

.hd9b3cb {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .hd9b3cb {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .i9bfcb03 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

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

.jf6ffe {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl) var(--spacing-lg);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.jf6ffe:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.ba6f593 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
  margin-bottom: var(--spacing-lg);
  transition: all var(--transition-base);
}

.jf6ffe:hover .ba6f593 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  transform: scale(1.08);
}

.i498 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
  letter-spacing: -0.3px;
}

.n05 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.b00 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-top: auto;
}

.mdebed1e {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.8rem;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-weight: 500;
  letter-spacing: 0.3px;
}

.l25 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-top: 2px solid var(--color-border-light);
}

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

.db4 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
  letter-spacing: -0.3px;
}

.ld48 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-2xl) 0;
}

.g68fdc3 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border: 2px solid var(--color-primary);
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
  cursor: pointer;
}

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

.g68fdc3:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .l25 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .l25 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.a2c7 .p07473 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.a2c7 .k91f {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.a2c7 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.a2c7 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-lg);
  line-height: 1.4;
}

.a2c7 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.a2c7 .mddba {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-2xl);
}

.a2c7 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.a2c7 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.a2c7 .pec6a5 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.a2c7 .pec6a5 h2 {
  margin-top: 0;
  margin-bottom: var(--spacing-lg);
}

.a2c7 .pec6a5 p {
  margin-bottom: var(--spacing-sm);
}

.a2c7 .nf3a74ef {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  margin-bottom: var(--spacing-md);
}

@media (min-width: 768px) {
  .a2c7 .k91f {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a2c7 .k91f {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

.aa4e96 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.j058b82 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.p07473 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
}

.k91f {
  width: 100%;
  max-width: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.jb5612 {
  width: 100%;
  text-align: center;
  animation: fadeInScale 0.8s ease-out forwards;
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.f13e32 {
  width: 80px;
  height: 80px;
  margin: 0 auto var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
  animation: bounceIn 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}

.f13e32 svg {
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

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-md);
  letter-spacing: -0.5px;
}

.j6786e {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 1.5vw, 1.3rem);
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.6;
}

.e02b29 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.8;
}

.k4f2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.8;
}

.j99895 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid transparent;
  transition: all var(--transition-base);
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: center;
  white-space: nowrap;
  margin-top: var(--spacing-lg);
}

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

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

.k9b8c0:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.k9b8c0:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .j058b82 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

  .f13e32 {
    width: 100px;
    height: 100px;
    margin-bottom: var(--spacing-xl);
  }

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

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

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

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

  .j99895 {
    padding: var(--spacing-lg) var(--spacing-2xl);
    margin-top: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .j058b82 {
    padding: var(--spacing-3xl) var(--spacing-md);
    min-height: 100vh;
  }

  .f13e32 {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-2xl);
  }

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

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

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

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

  .j99895 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: 1.1rem;
  }
}

@media (max-width: 480px) {
  .f13e32 {
    width: 64px;
    height: 64px;
    margin-bottom: var(--spacing-md);
  }

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

  .j99895 {
    width: 100%;
  }
}

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

.iccb {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.a8d098 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .a8d098 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a8d098 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

@media (min-width: 768px) {
  .p07473 {
    padding: 0 var(--spacing-lg);
  }
}

.k91f {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.p9349 {
  text-align: center;
  position: relative;
  z-index: 2;
}

.gea0 {
  position: relative;
  margin-bottom: var(--spacing-2xl);
  display: inline-block;
  width: 100%;
}

.a7eacd0 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  display: block;
  letter-spacing: -0.02em;
  animation: codeFloat 6s ease-in-out infinite;
}

@keyframes codeFloat {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

.n52915c {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(150px, 40vw, 280px);
  height: 4px;
  background: linear-gradient(90deg, transparent, var(--color-accent), transparent);
  opacity: 0.6;
}

.f485636 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  margin-top: var(--spacing-xl);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.b952 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.n5cb58 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.45rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.j99895 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  letter-spacing: 0.3px;
  box-shadow: var(--shadow-md);
}

.k9b8c0 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  margin-bottom: var(--spacing-2xl);
}

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

.k9b8c0:active {
  transform: translateY(0px);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .j99895 {
    padding: var(--spacing-md) var(--spacing-xl);
    font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  }
}

.i7c8a0b8 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md);
  margin-top: var(--spacing-3xl);
  opacity: 0.3;
}

.i627413 {
  width: clamp(8px, 2vw, 12px);
  height: clamp(8px, 2vw, 12px);
  border-radius: var(--radius-full);
  background-color: var(--color-accent);
  animation: decorationPulse 3s ease-in-out infinite;
}

.i627413:nth-child(2) {
  animation-delay: 0.2s;
}

.i627413:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes decorationPulse {
  0%, 100% {
    opacity: 0.3;
    transform: scale(1);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.2);
  }
}

@media (max-width: 480px) {
  .a8d098 {
    padding: var(--spacing-xl) var(--spacing-md);
  }

  .a7eacd0 {
    animation: none;
  }

  .n52915c {
    bottom: -15px;
  }

  .j99895 {
    width: 100%;
    max-width: 300px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .p9349 {
    padding: var(--spacing-xl) 0;
  }

  .a7eacd0 {
    animation: codeFloat 5s ease-in-out infinite;
  }
}

@media (min-width: 1024px) {
  .p9349 {
    padding: var(--spacing-2xl) 0;
  }

  .a7eacd0:hover {
    animation: none;
    transform: scale(1.05);
    transition: transform var(--transition-base);
  }
}

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

.g6428b2 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

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

.ab04 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.j2b9f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 650px;
}

.p183c {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.a80761 {
  width: 100%;
}

.ne6bc4 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

.j82 {
  flex: 1 1 100%;
  min-width: 0;
}

.m2d48c {
  flex: 1 1 100%;
  min-width: 0;
}

.m3e2e411 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

.l4193 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

.dee869 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.ib10 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.h93b2 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 500;
  color: var(--color-text-primary);
}

.n2239765,
.gbd355 {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

.n2239765::placeholder,
.gbd355::placeholder {
  color: var(--color-text-muted);
}

.n2239765:focus,
.gbd355:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.gbd355 {
  resize: vertical;
  min-height: 150px;
}

.hb4875 {
  font-family: var(--font-primary);
  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-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.b51f19ac {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  text-align: center;
}

.fd07ba4 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

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

.a67cc9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-2xl);
}

.g445544a {
  display: flex;
  gap: var(--spacing-lg);
}

.befe5d4 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.eced {
  flex: 1;
  min-width: 0;
}

.j8ff1 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.15rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.f6e4a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 500;
  margin-bottom: var(--spacing-xs);
}

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

.l7581b {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-bottom: var(--spacing-2xl);
}

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

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

.kf3ce9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  margin-bottom: var(--spacing-sm);
  position: relative;
  line-height: 1.6;
}

.kf3ce9:before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: bold;
}

.k368 {
  background-color: var(--color-primary-light);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
}

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

.la2165bf {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.6;
}

.n75e2c {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  padding: var(--spacing-sm) var(--spacing-md);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

.n75e2c:hover {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
}

.aae2ff {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.idee2 {
  width: 100%;
}

.bfa9bb0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  text-align: center;
}

.c28 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin-bottom: var(--spacing-2xl);
}

.ne9f18 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.k5cf08 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.k5cf08:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

.b079b {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.l4e40c7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.p43eb {
  text-align: center;
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

.h65c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.6;
}

.b2222 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  padding: var(--spacing-sm) var(--spacing-lg);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

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

@media (min-width: 768px) {
  .g6428b2 {
    padding: var(--spacing-3xl) 0;
  }

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

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

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

  .j82 {
    flex: 1 1 45%;
  }

  .m2d48c {
    flex: 1 1 45%;
  }

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

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

@media (min-width: 1024px) {
  .g6428b2 {
    padding: var(--spacing-4xl) 0;
  }

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

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

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

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

@media (min-width: 1440px) {
  .j2b9f {
    max-width: 700px;
  }
}
.ffa2308,.m46b9e33{
  width: 34px;
}

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

.o2f{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .o2f{
    max-width: 100%;
  }
}

.o2f.c91{
  z-index: 999;
}

.jb3fe68{
  padding-top: 50px;
}

.ffa2308[aria-expanded="true"]{
  display: none;
}