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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #fef2f2;
  --color-bg-tertiary: #1a0a0a;
  --color-bg-card: #ffffff;

  --color-text-primary: #450a0a;
  --color-text-secondary: #7f1d1d;
  --color-text-muted: #8a5a5a;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #f5f5f5;

  --color-primary: #dc2626;
  --color-primary-hover: #b91c1c;
  --color-primary-light: #fecaca;
  --color-secondary: #ef4444;
  --color-secondary-light: #fca5a5;

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

  --color-border: #f5d5d5;
  --color-border-light: #fde8e8;
  --color-border-dark: #4a1515;

  --font-primary: 'Hind', sans-serif;
  --font-heading: 'Montserrat', sans-serif;

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

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

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

  --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: #ffffff;
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

h2 {
  font-size: 2.25rem;
  letter-spacing: -0.015em;
}

h3 {
  font-size: 1.875rem;
  letter-spacing: -0.01em;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

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

p {
  color: var(--color-text-secondary);
  font-weight: 400;
}

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

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

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

.h8ab {
  background: var(--color-primary);
  color: var(--color-text-light);
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 1rem;
}

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

.h8ab:active {
  transform: scale(0.98);
}

.lf902c {
  background: var(--color-secondary);
  color: var(--color-text-light);
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 1rem;
}

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

.b509 {
  background: transparent;
  color: var(--color-primary);
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 1rem;
  border: 2px solid var(--color-primary);
}

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

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

.dc9e {
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: 1.125rem;
}

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

.ge1da:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-border);
}

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

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

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

.kbd {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ja30ed {
  text-align: center;
}

.c95a8b {
  text-align: right;
}

.l3bf51 {
  text-align: left;
}

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

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

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

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

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

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

.f603e { margin-top: var(--spacing-xs); }
.gdaeb { margin-top: var(--spacing-sm); }
.g7c0e { margin-top: var(--spacing-md); }
.ce1c28 { margin-top: var(--spacing-lg); }
.bed8 { margin-top: var(--spacing-xl); }
.n51ee363 { margin-top: var(--spacing-2xl); }
.p76fd { margin-top: var(--spacing-3xl); }

.l8d9bd { margin-bottom: var(--spacing-xs); }
.i1b2d38 { margin-bottom: var(--spacing-sm); }
.h871 { margin-bottom: var(--spacing-md); }
.jbe2bff { margin-bottom: var(--spacing-lg); }
.ne0 { margin-bottom: var(--spacing-xl); }
.d8bad8 { margin-bottom: var(--spacing-2xl); }
.d48c0e63 { margin-bottom: var(--spacing-3xl); }

.m7fd1 { padding-top: var(--spacing-xs); }
.a1b9 { padding-top: var(--spacing-sm); }
.l2d7d { padding-top: var(--spacing-md); }
.c8c39 { padding-top: var(--spacing-lg); }
.d30 { padding-top: var(--spacing-xl); }

.b46ff { padding-bottom: var(--spacing-xs); }
.a577 { padding-bottom: var(--spacing-sm); }
.e1c { padding-bottom: var(--spacing-md); }
.gfb35ff { padding-bottom: var(--spacing-lg); }
.jf17450 { padding-bottom: var(--spacing-xl); }

.a312459d { gap: var(--spacing-sm); }
.f12 { gap: var(--spacing-md); }
.nfefdc { gap: var(--spacing-lg); }
.ec8436 { gap: var(--spacing-xl); }

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

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

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

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

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

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

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

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

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

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

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

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

.cef11 {
  border: 2px solid var(--color-primary);
}

.h8de7 {
  opacity: 0.5;
}

.g2b77965 {
  opacity: 0.75;
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .k9bd,
  .c1e0,
  .e0cea87 {
    grid-template-columns: 1fr;
  }

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

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1rem;
  }

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

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

  button {
    width: 100%;
  }

  .hd3d5a,
  .f3fbd7,
  .la543ddc {
    padding: var(--spacing-2xl) 0;
  }
}
.ac9d6 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 1000;
  overflow: hidden;
}

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

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

.i13ccb5d:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c14ee06 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  padding-top: clamp(60px, 12vh, 80px);
  padding-bottom: 2rem;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  overflow-y: auto;
  z-index: 999;
}

.c14ee06.i5bf7337 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.i9d64 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 clamp(1rem, 4vw, 2rem);
  height: clamp(60px, 12vh, 80px);
  z-index: 1001;
}

.d3f70a {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  transition: color var(--transition-base);
}

.d3f70a:active {
  color: var(--color-accent);
}

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

.mc019 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  padding: 0.875rem 1rem;
  border-radius: 0.5rem;
  transition: all var(--transition-base);
}

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

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

.p7a:active {
  background: var(--color-accent-hover);
  transform: scale(0.98);
}

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

  .ke3db {
    display: inline-block;
  }

  .f2160a6 {
    display: none;
  }

  .c14ee06 {
    display: none;
  }
}

@media (max-width: 767px) {
  .b9d895 {
    display: none;
  }

  .ke3db {
    display: none;
  }
}

@media (min-width: 1200px) {
  .abc9 {
    font-size: 1.5rem;
  }

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

    .ge38f {
  width: 100%;
}

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

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

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

.de0 {
  display: flex;
  flex-direction: column !important;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  align-items: center;
  width: 100%;
  max-width: 900px;
}

.h92d9f {
  text-align: center;
  width: 100%;
}

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

.g3b9bdf0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

  .fc798 {
    flex: 1 1 45%;
    max-height: 500px;
  }

  .ia2519e4 {
    flex-direction: row;
    justify-content: flex-start;
  }
}

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

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

.m7d7f1 {
  text-align: center;
}

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

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

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

.la1fba {
  flex: 1 1 100%;
}

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

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

.o7b7fe {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  border-radius: var(--radius-md);
  background: var(--color-bg-card);
  text-decoration: none;
  color: var(--color-text-primary);
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

.o7b7fe:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-accent);
  transform: translateX(4px);
}

.c16c5 {
  font-size: 1.25rem;
  color: var(--color-accent);
  flex-shrink: 0;
  width: 24px;
  text-align: center;
}

.n1d5 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.ia5c {
  text-align: center;
}

.a55 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 1rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k81 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #e0e0e0;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a49 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
  align-items: center;
}

.a7b0c9f {
  flex: 0 1 calc(50% - 1rem);
  min-width: 200px;
  max-width: 280px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.15);
}

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

.o5b79949 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d84 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: #d0d0d0;
  margin: 0;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.kb17e {
  font-size: 1.5rem;
  color: var(--color-accent);
  flex: 0 1 100%;
  text-align: center;
}

@media (min-width: 1024px) {
  .a7b0c9f {
    flex: 0 1 20%;
  }

  .kb17e {
    flex: 0 1 3%;
  }
}

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

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

.dc0d3 {
  text-align: center;
}

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

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

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

.nd24 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  max-width: 320px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

.l913679 {
  font-size: 2.5rem;
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
}

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

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

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

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

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

.ec815ea {
  text-align: center;
}

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

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

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

.l3f,
.i292c {
  flex: 1 1 100%;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-border-light);
}

.l3f {
  background: rgba(220, 38, 38, 0.05);
  border-color: var(--color-secondary-light);
}

.i292c {
  background: rgba(34, 197, 94, 0.05);
  border-color: var(--color-success-light);
}

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

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

.a8f {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.gce715 {
  color: var(--color-secondary);
  font-weight: 700;
  flex-shrink: 0;
}

.b3da26ab {
  color: var(--color-success);
  font-weight: 700;
  flex-shrink: 0;
}

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

  .l3f,
  .i292c {
    flex: 1 1 45%;
  }
}

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

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

.cfd3b4 {
  text-align: center;
}

.b7f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 1rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b39d1 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #e0e0e0;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ec28 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all var(--transition-base);
}

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

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

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

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

.o5a {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: #ffffff;
  margin: 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.jc1ee5 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: #d0d0d0;
  margin: 0;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.b78fa5 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  padding-top: 1rem;
}

.ff2cba {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: #e0e0e0;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.cf07 {
  text-align: center;
}

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

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

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

.b5d {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
}

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

.bd4c {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.b84d4 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g3e {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #e0e0e0;
  margin: 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ea92 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 3vw, 1.5rem);
  background: #1e293b;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  box-shadow: var(--shadow-lg);
}

.ea92.b2616365 {
  display: none;
}

.kd8 {
  color: #f1f5f9;
  margin: 0;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  text-align: center;
  flex: 1 1 auto;
  min-width: 200px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p6da5 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}

.o3d45,
.j31ae00 {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base);
}

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

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

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

.j31ae00:hover {
  border-color: #f1f5f9;
  background: rgba(241, 245, 249, 0.05);
}

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

  .kd8 {
    min-width: 100%;
  }

  .p6da5 {
    width: 100%;
  }

  .o3d45,
  .j31ae00 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

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

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

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

.g15b {
  max-width: 600px;
}

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

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

.bbd h3,
.gc236 h3,
.i5c0c h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
}

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

.j810fddb li,
.ie368180 li {
  margin: 0;
  padding: 0;
}

.j810fddb a,
.ie368180 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: color var(--transition-fast);
  display: inline-block;
}

.j810fddb a:hover,
.ie368180 a:hover {
  color: var(--color-accent);
}

.gc236 {
  max-width: 400px;
}

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

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

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

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

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

  .g15b {
    flex: 1 1 280px;
    min-width: 280px;
  }

  .bbd {
    flex: 0 1 150px;
  }

  .gc236 {
    flex: 1 1 250px;
    min-width: 250px;
  }

  .i5c0c {
    flex: 0 1 160px;
  }

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

@media (max-width: 767px) {
  .j810fddb,
  .ie368180 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 2rem;
  }
}
    

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

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

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

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

.h39b2f nav {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

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

.cb54 {
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

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

.kd08 {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  max-width: 600px;
}

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

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

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

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

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

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

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

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

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

.m4597b {
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
}

.c7c4ea {
  width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}

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

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

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

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

.h989ba1 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding-top: clamp(0.75rem, 1.5vw, 1rem);
  border-top: 1px solid var(--color-border-light);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
}

.h62df6,
.n96ecf,
.i92 {
  color: var(--color-text-secondary);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.h62df6 i,
.n96ecf i,
.i92 i {
  color: var(--color-primary);
  font-size: 0.9em;
}

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

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

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

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

.n64834c3 {
  text-align: center;
}

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

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

.me8ba734 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-md);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: transform var(--transition-base), background var(--transition-base);
}

.me8ba734:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.12);
}

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

.d41b {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-light);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.n8bc27 {
  font-family: var(--font-heading);
  font-size: clamp(3rem, 8vw, 5rem);
  color: var(--color-primary);
  line-height: 1;
  opacity: 0.3;
}

.c56d {
  font-family: var(--font-heading);
  font-size: clamp(3rem, 8vw, 5rem);
  color: var(--color-primary);
  line-height: 1;
  opacity: 0.3;
  transform: scaleY(-1);
}

.j7bab {
  margin: 0;
  padding: 0;
}

.j7bab p {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.bea4f7 {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .me8ba734 {
    flex: 1 1 100%;
  }

  .dd28f,
  .dfd6be {
    flex: 1 1 100%;
  }
}

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

  .me8ba734 {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

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

  .me8ba734 {
    flex: 1 1 calc(33.333% - 1rem);
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.dd9 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
}

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

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

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

  .g3e90,
  .ff5bf8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.d245f09 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

  .d245f09 img {
    width: 100px;
    height: 100px;
  }
}

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

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

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

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

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

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

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

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

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

  .ob5509,
  .a5801b3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

  .lf78,
  .f9c7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.jf5468 {
  flex: 1;
}

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

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

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

  .m93 {
    width: 45px;
    height: 45px;
    font-size: 1.1rem;
  }
}

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

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

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

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

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

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

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

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

  .c695e597,
  .ca0c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.p8158198:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

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

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

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

  .ie6 {
    height: 180px;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

.edb7c7 {
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

.obbdb {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
}

.n59ce {
  display: inline;
}

.n76630 {
  display: inline;
  color: var(--color-text-muted);
}

.e247 {
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

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

  .f13cf,
  .daff6 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.e117060 {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  flex-shrink: 0;
}

.jd70e6 {
  flex: 1;
}

.m42 {
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  font-weight: 700;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}

.f66a {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
}

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

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

.e96fb7 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

  .oe9a2cf,
  .la377ed {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.hdd6b {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-accent);
  margin-bottom: 0.5rem;
}

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

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

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

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

  .f6d3b4,
  .fb9fbe8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .id777142,
  .c216 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.na42d006 {
  flex: 1;
}

.j8036fd1 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

  .gdbf37e,
  .o91a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.cd6ee1 {
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
}

.ka14e981 {
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 1.2vw, 1.1875rem);
  font-weight: 600;
  color: var(--color-accent);
  margin-bottom: 0.5rem;
}

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

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

  .b5e7a,
  .m068f5eb {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.gf98714 {
  max-width: 900px;
}

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

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

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

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

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

.bf048 {
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.l2b {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

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

.l75a71 {
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 1.2vw, 1.1875rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

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

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

.h67 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.h67 i {
  font-size: 0.75em;
  transition: transform var(--transition-base);
}

.h67:hover i {
  transform: translateX(4px);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m47066 {
  flex: 0 0 auto;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  overflow: hidden;
}

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

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

.n1c8053e {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.d554f86c {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
  padding: 0;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ma7c {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

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

.m633d {
  flex: 0 0 auto;
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ne639 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.25;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
  padding: 0;
  text-align: center;
}

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

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

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

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

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

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

.l1b33 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
  padding: 0;
}

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

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

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

@media (max-width: 1023px) {
  .f9e8d5f,
  .dc2698b3,
  .n3b67287 {
    flex-direction: column;
  }

  .p65bc6,
  .lb3e,
  .g35,
  .g7f,
  .j7ddd25b,
  .o92220 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

  .a61d {
    flex: 1 1 100%;
    min-width: unset;
    max-width: unset;
  }

  .m84f {
    text-align: left;
  }

  .l3ad65 {
    justify-content: flex-start;
  }

  .bbb39 {
    flex-direction: column;
  }
}

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

  .afb28 {
    width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.ka5f8778 a:hover {
  text-decoration: underline;
}

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

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

.k909e763 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
}

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

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

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

.m34 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  line-height: 1.6;
}

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

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

.n6fa2 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-text-muted);
  border-bottom: 1px solid var(--color-text-muted);
}

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

.f9f {
  flex-shrink: 0;
}

.a1e1c2 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

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

.h631 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

.gad535 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

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

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

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

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

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

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

.ee904421 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

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

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

.h4bcb {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  color: var(--color-accent);
  margin-bottom: 0.75rem;
}

.ic6f {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.f7882e {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

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

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

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

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

.e8d4 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.b99ab {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: #e0e0e0;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.7;
}

.m58cb {
  background: rgba(220, 38, 38, 0.1);
  border: 1px solid rgba(220, 38, 38, 0.3);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.mdb034 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

.fc7fabe {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: #f0f0f0;
  line-height: 1.6;
}

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

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

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

.j49d {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

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

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

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

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

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

.m9652 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
}

.k12ba {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

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

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

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

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

.l5b3e00d {
  background: #fef2f2;
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

.f1193 {
  flex: 1;
}

.n66a5 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

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

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

.l3d7 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
}

.a2b47920 {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.ib027 {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-accent);
  margin-top: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  align-items: flex-start;
}

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

.f33568 {
  display: inline-block;
  background: var(--color-accent);
  color: #ffffff;
  padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  font-weight: 600;
  transition: all 0.3s ease;
  text-decoration: none;
}

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

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

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

.b42b89 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
}

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

.j76bd {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

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

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

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

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

.a4d9 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

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

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

@media (max-width: 1024px) {
  .mde1,
  .o78,
  .dc7cb,
  .a5d,
  .mcf423 {
    flex-direction: column;
  }

  .gf61be5,
  .f372f,
  .l1a99,
  .o663,
  .l9bb,
  .d5f1,
  .n4ff0e8,
  .ab5ed3bd,
  .ia0,
  .mca5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

  .j331f4 {
    margin-top: 0;
  }

  .ib027 {
    align-items: center;
    text-align: center;
  }
}

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

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

.be1 {
  width: 100%;
}

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

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

.bd1a8637 {
  max-width: 800px;
}

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

.bfa55a {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-weight: 500;
}

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

.f1695f53 p {
  margin-bottom: 1rem;
}

.h8240b {
  width: 100%;
  max-width: 900px;
  margin: clamp(1rem, 3vw, 2rem) 0;
}

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

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

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

.k2a3bd {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.pbc429 {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.j411 {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

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

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

.d1500b6 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  box-shadow: 0 2px 8px rgba(212, 38, 38, 0.08);
  transition: all var(--transition-base);
}

.d1500b6:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(212, 38, 38, 0.15);
  border-color: var(--color-accent);
}

.j05c626 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: block;
}

.g924d0 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

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

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

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

.c5dfa {
  flex: 1 1 50%;
  min-width: 0;
}

.n687b7 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.l89 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
}

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

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

.n6ef0c {
  flex: 1 1 45%;
  min-width: 0;
}

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

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

  .c5dfa,
  .n6ef0c {
    flex: 1 1 100%;
  }

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

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

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

.i4d {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

.jb7f19 {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.h6c6a96 {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

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

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

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

.lecaebf1 {
  flex: 0 0 auto;
  width: clamp(3rem, 5vw, 4rem);
  height: clamp(3rem, 5vw, 4rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

.fe52b972 {
  flex: 1;
  padding-top: clamp(0.5rem, 1vw, 0.75rem);
}

.nb3 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

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

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

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

.ke5661 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.j22d {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.j05 {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

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

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

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

.gaba {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.b6dba38 {
  flex: 1;
}

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

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

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

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

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

.d4dc9e {
  flex: 0 0 auto;
  color: var(--color-accent);
  font-size: 1.25rem;
  margin-top: 0.125rem;
}

.ffb8 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

.ebac6 p {
  margin: 0;
}

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

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

  .pebfc0ec {
    align-items: center;
  }
}

@media (max-width: 640px) {
  .j7c {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .d1500b6 {
    flex: 1 1 100%;
  }

  .j1c0 {
    flex-direction: row;
  }

  .lecaebf1 {
    width: clamp(2.5rem, 4vw, 3rem);
    height: clamp(2.5rem, 4vw, 3rem);
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  }
}

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

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

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

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

.kc0c {
  position: relative;
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

.c124f {
  text-align: center;
  padding: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

.bdab0218 {
  text-align: center;
}

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

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

.b4b5529 {
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

.o74 {
  text-align: center;
}

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

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

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

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

.l9e {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.ie3 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 0.75rem;
  line-height: 1;
}

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

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

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

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

.ob767c8a {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.ic09 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0;
}

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

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

.ed719 {
  text-align: center;
}

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

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

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

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

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

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

.k13c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  min-width: 50px;
  text-align: center;
}

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

.b34480 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

.h96d {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.n1a {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: var(--radius-lg);
  border-top: 4px solid var(--color-accent);
  box-shadow: var(--shadow-md);
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

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

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

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

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

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

.pfe {
  display: inline-block;
  background: transparent;
  color: var(--color-accent);
  padding: clamp(0.875rem, 1vw, 1.125rem) clamp(1.5rem, 2vw, 2.25rem);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
}

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

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

  .kc0c {
    flex: 1 1 50%;
    order: 2;
  }

  .c124f {
    flex: 1 1 50%;
    order: 1;
    text-align: left;
    padding: 0;
  }

  .nb9 {
    flex-direction: row;
  }

  .k15048d {
    flex-direction: row;
  }

  .ie7 {
    flex: 1 1 calc(50% - 1rem);
  }

  .b552a {
    flex: 1 1 calc(50% - 1rem);
  }
}

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

  .b552a {
    flex: 1 1 calc(25% - 1.5rem);
  }
}

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

.g868 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.bfbfda6 {
  max-width: 900px;
  margin: 0 auto;
}

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

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

.a6c62150 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.p9d126 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.kc88c {
  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);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

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

.dd5 {
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  font-size: 1.75rem;
  color: var(--color-primary);
  transition: all var(--transition-base);
}

.kc88c:hover .dd5 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  transform: scale(1.1);
}

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

.l930124 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.lbb2 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.lbb2 li {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: 0.95rem;
  padding-left: var(--spacing-md);
  position: relative;
}

.lbb2 li::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: 600;
}

.ecc52b5 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.n6c4d {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.e431d18 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.f7d742 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.6;
  margin: 0 0 var(--spacing-2xl) 0;
}

.k6e6 {
  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-heading);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.k6e6:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

.k6e6:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .g868 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .a6c62150 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .p9d126 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .ecc52b5 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .g868 {
    padding: 4rem var(--spacing-xl);
  }

  .a6c62150 {
    padding: 4rem var(--spacing-xl);
  }

  .p9d126 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .ecc52b5 {
    padding: 4rem var(--spacing-xl);
  }

  .k3fe11 {
    font-size: 3.5rem;
  }

  .le4 {
    font-size: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .bfbfda6,
  .p9d126,
  .n6c4d {
    max-width: 1300px;
  }

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

@media (prefers-reduced-motion: reduce) {
  .kc88c,
  .dd5,
  .k6e6 {
    transition: none;
    transform: none;
  }
}

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

.gf4 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
  border-bottom: 1px solid var(--color-border-light);
}

.l13c6 {
  max-width: 800px;
  margin: 0 auto;
}

.gf4 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

.o7b9f {
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.i9cc {
  max-width: 1200px;
  margin: 0 auto;
}

.k12180 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.f29 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

.i8489d9 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.m10c26 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-primary);
  background-color: var(--color-primary-light);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-full);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.f29 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.f29 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  flex-grow: 1;
}

.o4d013ef {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
  border-top: 1px solid var(--color-border-light);
}

.n722a8 {
  max-width: 700px;
  margin: 0 auto;
}

.o4d013ef h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.o4d013ef p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.md428fe1 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  font-weight: 600;
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .gf4 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .o7b9f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .k12180 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .n0f0277 {
    height: 250px;
  }

  .o4d013ef {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .gf4 {
    padding: 4rem var(--spacing-xl);
  }

  .o7b9f {
    padding: 4rem var(--spacing-xl);
  }

  .k12180 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl);
  }

  .n0f0277 {
    height: 280px;
  }

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

  .o4d013ef {
    padding: 4rem var(--spacing-xl);
  }

  .md428fe1 {
    font-size: 1.0625rem;
    padding: 1rem 2.5rem;
  }
}

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

.of681 main {
  width: 100%;
}

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

.of681 .dca {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

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

.of681 .pb6bc {
  font-size: clamp(0.85rem, 0.95vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-3xl);
  font-style: italic;
}

.of681 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  padding-bottom: var(--spacing-sm);
  border-bottom: 2px solid var(--color-border-light);
}

.of681 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.of681 ul {
  margin: var(--spacing-md) 0;
  padding-left: var(--spacing-lg);
}

.of681 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.of681 .d6336 {
  margin-bottom: var(--spacing-2xl);
}

.of681 .j7dd1 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-top: var(--spacing-3xl);
}

.of681 .j7dd1 h2 {
  margin-top: 0;
  border-bottom: 2px solid var(--color-border-light);
}

.of681 .j7dd1 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.of681 .j6d8 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

@media (min-width: 768px) {
  .of681 .d1ff {
    padding: 0 var(--spacing-lg);
  }

  .of681 .dca {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .of681 .d1ff {
    padding: 0 var(--spacing-xl);
  }

  .of681 .dca {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.i100 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.l8bf {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .l8bf {
    padding: var(--spacing-xl) var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .l8bf {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
}

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

.dca {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.a960210b {
  text-align: center;
  animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.m677 {
  margin-bottom: var(--spacing-lg);
  display: flex;
  justify-content: center;
}

.m677 svg {
  width: clamp(80px, 15vw, 120px);
  height: clamp(80px, 15vw, 120px);
  color: var(--color-success);
  animation: scaleIn 0.5s ease-out;
}

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

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

.l8aa2c {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  line-height: 1.5;
}

.dc66b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.f000 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-2xl);
  padding: var(--spacing-xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

@media (min-width: 768px) {
  .f000 {
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--spacing-lg);
    padding: var(--spacing-xl);
  }
}

.h83d {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
}

.g746c0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  border-radius: var(--radius-full);
}

.i4af87d {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  line-height: 1.4;
  max-width: 120px;
}

.i407 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

.h8ab {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.h8ab:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.l1a {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
}

@media (max-width: 480px) {
  .l8bf {
    padding: var(--spacing-lg) var(--spacing-sm);
  }

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

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

  .f000 {
    gap: var(--spacing-sm);
    padding: var(--spacing-lg) var(--spacing-md);
  }

  .i407 {
    width: 100%;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .f000 {
    gap: var(--spacing-md);
    padding: var(--spacing-lg) var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .l8bf {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

.i057 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m0f {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.d1ff {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.dca {
  max-width: 800px;
  margin: 0 auto;
}

.hb2357ea {
  text-align: center;
}

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

.k79a34a {
  position: relative;
  display: inline-block;
  margin-bottom: var(--spacing-2xl);
}

.a5513ca {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 15vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  letter-spacing: -0.02em;
  display: block;
  position: relative;
  z-index: 2;
}

.fc5450e {
  position: absolute;
  width: clamp(200px, 50vw, 400px);
  height: clamp(200px, 50vw, 400px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, var(--color-primary-light) 0%, transparent 70%);
  border-radius: var(--radius-full);
  opacity: 0.1;
  z-index: 1;
  pointer-events: none;
}

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

.lfaf46a {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.01em;
}

.o2d028a {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
  font-weight: 600;
}

.lae2b {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
}

.aef20 {
  margin: var(--spacing-2xl) 0;
}

.i407 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  font-family: var(--font-primary);
  text-align: center;
}

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

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

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

.m89d5 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
}

.h938 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  text-align: left;
}

.h0ce {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  text-align: left;
}

.h0ce li {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  background-color: var(--color-bg-primary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
  transition: all var(--transition-base);
}

.h0ce li:hover {
  background-color: var(--color-bg-tertiary);
  border-left-color: var(--color-accent);
  transform: translateX(4px);
}

.b0dd2 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

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

@media (min-width: 768px) {
  .m0f {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .h0ce {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-lg);
  }

  .h0ce li {
    flex-direction: column;
    text-align: center;
    border-left: none;
    border-top: 3px solid var(--color-primary);
  }

  .h0ce li:hover {
    border-top-color: var(--color-accent);
    transform: translateY(-4px);
  }

  .b0dd2 {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
  }
}

@media (min-width: 1024px) {
  .m0f {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

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

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

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

  .h8ab:hover {
    transform: translateY(-3px);
  }
}

@media (min-width: 1440px) {
  .d1ff {
    padding: 0 var(--spacing-2xl);
  }

  .a5513ca {
    font-size: 8rem;
  }
}

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

.n969e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

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

.n969e h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
}

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

@media (min-width: 768px) {
  .n969e {
    padding: var(--spacing-3xl) 0;
  }
}

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

.g0a7226 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.f24d8408 {
  width: 100%;
}

.a170f2 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

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

.lde52 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
}

.j6d274 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.hc0616 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.ka9 {
  font-size: clamp(0.85rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: var(--font-heading);
}

.n4fb,
.mcb8 {
  width: 100%;
  padding: 0.875rem 1rem;
  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 + 0.5rem, 1.1rem);
  font-family: var(--font-primary);
  line-height: 1.5;
  transition: all var(--transition-base);
}

.n4fb::placeholder,
.mcb8::placeholder {
  color: var(--color-text-muted);
}

.n4fb:focus,
.mcb8:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.mcb8 {
  min-height: 140px;
  resize: vertical;
}

.ef51 {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 700;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-family: var(--font-heading);
  cursor: pointer;
  transition: all var(--transition-base);
}

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

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

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

.jd0b a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

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

.d8281fe h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
}

.f33e {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
  border-bottom: 1px solid var(--color-border-light);
}

.f33e:last-of-type {
  border-bottom: none;
}

.f002eba {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.5rem;
}

.a6f7e2c3 h3 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.a6f7e2c3 a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.faa {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
}

.faa h3 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.d296 {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--spacing-lg) 0;
}

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

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

.be0 {
  display: inline-block;
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  transition: color var(--transition-fast);
  margin-top: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .g0a7226 {
    padding: var(--spacing-3xl) 0;
  }

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

  .lde52 {
    flex: 1 1 45%;
  }

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

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

  .a170f2 {
    gap: 4rem;
  }
}

.dfa0d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

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

.dfa0d h2 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.dfa0d p {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
}

.hfa76e2b {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  justify-content: center;
}

.ecd5 {
  display: inline-block;
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-family: var(--font-heading);
  transition: all var(--transition-base);
  cursor: pointer;
}

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

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

.o070df7 {
  background-color: var(--color-bg-card);
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

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

@media (min-width: 768px) {
  .dfa0d {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .dfa0d {
    padding: 5rem 0;
  }
}
.f2160a6,.d3f70a{
  width: 34px;
}

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

.c14ee06{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .c14ee06{
    max-width: 100%;
  }
}

.c14ee06.i5bf7337{
  z-index: 999;
}

.n5297{
  padding-top: 50px;
}

.f2160a6[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .ie92 {
    aspect-ratio: 6 / 9;
  }
  .c7c4ea img {
    aspect-ratio: 6 / 9;
  }
}