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

:root {
  --color-bg-primary: #fff7ed;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #fed7aa;
  --color-bg-card: #ffffff;

  --color-text-primary: #431407;
  --color-text-secondary: #78350f;
  --color-text-muted: #c2410c;

  --color-primary: #ea580c;
  --color-primary-hover: #c2410c;
  --color-primary-light: #f5d5c8;
  --color-primary-lighter: #fae8e0;

  --color-secondary: #fb923c;
  --color-secondary-light: #fdd4b4;
  --color-secondary-lighter: #fde8d8;

  --color-success: #16a34a;
  --color-success-light: #dcfce7;

  --color-warning: #d97706;
  --color-warning-light: #fef3c7;

  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;

  --color-border: #f3e8e1;
  --color-border-light: #faf5f0;
  --color-border-subtle: #fef3eb;

  --font-primary: 'Karla', sans-serif;
  --font-heading: 'Spectral', serif;

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

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

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 200ms ease-in-out;
  --transition-slow: 300ms ease-in-out;

  --line-height-tight: 1.25;
  --line-height-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;

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

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

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

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

.e46da190 {
  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: 600;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
}

h1 {
  font-size: 3.5rem;
  font-weight: 700;
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.015em;
}

h3 {
  font-size: 1.875rem;
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.01em;
}

h4 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.005em;
}

h5 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

h6 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-secondary);
}

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

a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

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

button, .od22 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

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

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

.d756:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

.jf3dd {
  background: transparent;
  color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-lg);
}

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

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

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

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

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

.l7f2d {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

input, textarea, select {
  font-family: var(--font-primary);
  font-size: 1rem;
  padding: var(--spacing-md) var(--spacing-lg);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
  width: 100%;
}

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

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

label {
  display: block;
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
  color: var(--color-text-secondary);
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

ul, ol {
  margin-left: var(--spacing-xl);
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
}

li {
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-relaxed);
}

blockquote {
  padding: var(--spacing-lg);
  padding-left: var(--spacing-xl);
  border-left: 4px solid var(--color-primary);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-lg);
  font-style: italic;
  color: var(--color-text-secondary);
}

code {
  font-family: 'Monaco', 'Courier New', monospace;
  background: var(--color-bg-tertiary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-size: 0.875em;
  color: var(--color-text-secondary);
}

pre {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  overflow-x: auto;
  margin-bottom: var(--spacing-lg);
}

pre code {
  background: none;
  padding: 0;
  border-radius: 0;
  color: var(--color-text-primary);
}

hr {
  border: none;
  border-top: 1px solid var(--color-border);
  margin: var(--spacing-xl) 0;
}

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

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

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

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

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

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

.l1e {
  text-align: center;
}

.kd7 {
  text-align: left;
}

.pcb8721d {
  text-align: right;
}

.e407965 {
  font-size: 0.875rem;
  line-height: var(--line-height-snug);
}

.cfa2 {
  font-size: 1rem;
}

.h40 {
  font-size: 1.125rem;
  line-height: var(--line-height-relaxed);
}

.h1ee {
  font-size: 1.25rem;
  line-height: var(--line-height-relaxed);
}

.ifbf84 {
  font-size: 1.5rem;
  line-height: var(--line-height-relaxed);
}

.l69625 {
  font-weight: 400;
}

.h92ab {
  font-weight: 500;
}

.df32 {
  font-weight: 600;
}

.p16def5 {
  font-weight: 700;
}

.kdb6 {
  font-style: italic;
}

.c20 {
  text-decoration: underline;
}

.p68765 {
  text-decoration: line-through;
}

.d10 {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.e497 {
  text-transform: capitalize;
}

.h9c21 {
  margin: 0;
}

.p587d9 {
  margin: var(--spacing-xs);
}

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

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

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

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

.g8fb5c {
  margin: var(--spacing-2xl);
}

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

.f47f {
  margin-top: auto;
  margin-bottom: auto;
}

.c3be550 {
  padding: 0;
}

.c1ed21f {
  padding: var(--spacing-xs);
}

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

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

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

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

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

.ddb54b {
  margin-top: var(--spacing-xs);
}

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

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

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

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

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

.m1d3 {
  margin-bottom: var(--spacing-xs);
}

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

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

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

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

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

.efd {
  display: flex;
}

.ld4fbd {
  flex-direction: column;
}

.c6ca221f {
  flex-direction: row;
}

.c8e2 {
  flex-wrap: wrap;
}

.mc21 {
}

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

.h032c {
  justify-content: center;
}

.f95971 {
  justify-content: flex-end;
}

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

.a37ae0 {
  justify-content: space-around;
}

.i1d6a91 {
  align-items: flex-start;
}

.c8eb8 {
  align-items: center;
}

.n2e {
  align-items: flex-end;
}

.ae27 {
  align-items: stretch;
}

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

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

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

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

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

.kd010a9c {
  display: grid;
}

.nba {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

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

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

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

.e1f5c79 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

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

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

.a94e {
  width: 100%;
}

.h988 {
  width: auto;
}

.d09f3 {
  height: 100%;
}

.f4e5 {
  height: auto;
}

.h6eaa0 {
  min-height: 100vh;
}

.n8f {
  max-width: 100%;
}

.bf17d {
  overflow: hidden;
}

.f3e9 {
  overflow-x: auto;
}

.i0ff22bc {
  overflow-y: auto;
}

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

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

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

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

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

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

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

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

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

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

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

.ac734 {
  opacity: 0;
}

.f3c {
  opacity: 0.5;
}

.n5d0d495 {
  opacity: 0.75;
}

.nc2bb73 {
  opacity: 1;
}

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

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

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

.bd762b3 {
  cursor: pointer;
}

.i8f9 {
  cursor: default;
}

.bbdc86ec {
  cursor: not-allowed;
}

.m11b {
  opacity: 0.6;
  cursor: not-allowed;
}

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

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

  .dc94d1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .b47f6 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

  .a0cb {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .e1f5c79 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.j6c8dc {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

.k80f3aa:hover {
  opacity: 0.85;
}

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

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

.g1e {
  display: none;
  gap: clamp(1.5rem, 2vw, 2.5rem);
  align-items: center;
  flex: 1;
}

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

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

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

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

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

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

.i853 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-text-primary);
  font-size: 1.25rem;
  transition: color var(--transition-base);
  flex-shrink: 0;
  padding: 0;
}

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

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

.b2d.g31 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.l1601 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

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

.j383b:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: clamp(1.5rem, 4vw, 2.5rem);
}

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

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

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

  .obee07 {
    display: inline-block;
  }

  .i853 {
    display: none;
  }

  .b2d {
    display: none;
  }
}

    .i56761b {
  width: 100%;
}

.a6a5a45 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  position: relative;
  min-height: 600px;
  display: flex;
  align-items: center;
}

.d611 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
  width: 100%;
  position: relative;
}

.oc8 {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 3vw, 2rem);
  z-index: 2;
}

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

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

.j4ffbe {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  flex-wrap: wrap;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.af740 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  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);
  display: inline-block;
  border: none;
  cursor: pointer;
}

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

.nea {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  background: transparent;
  color: var(--color-accent);
  text-decoration: none;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
  cursor: pointer;
}

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

.ce35d7 {
  flex: 1 1 50%;
  min-height: 400px;
  max-height: 500px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-bg-secondary);
}

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

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

  .oc8 {
    flex: 1 1 100%;
  }

  .ce35d7 {
    flex: 1 1 100%;
    min-height: 300px;
    max-height: 350px;
  }

  .j4ffbe {
    flex-direction: column;
  }

  .af740,
  .nea {
    width: 100%;
    text-align: center;
  }
}

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

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

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

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

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

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

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

.ke89 {
  flex: 1 1 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

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

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

.l8858a3 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.fb3e1 {
  flex: 1 1 40%;
  min-height: 350px;
  max-height: 450px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

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

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

.h069f5 {
  font-size: clamp(1.375rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0.5rem 0;
  line-height: var(--line-height-tight);
}

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

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

  .fb3e1 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

.f94eb14 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.f1c {
  flex: 1 1 40%;
  min-height: 300px;
  overflow: hidden;
}

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

.k7f4bafe {
  flex: 1 1 60%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  justify-content: center;
}

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

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

.d4c64703 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
  display: inline-block;
  width: fit-content;
}

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

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

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

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

.g011 {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.eda {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) 0;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p63 {
  font-size: clamp(0.8125rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-relaxed);
}

.kcea {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
  display: inline-block;
  width: fit-content;
}

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

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

.c921 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
}

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

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

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

  .k7f4bafe {
    flex: 1 1 100%;
  }

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

  .dea74a {
    flex-direction: column;
  }
}

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

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

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

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

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

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

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

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

.fec2 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

.i54e27c {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.l581b {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  overflow-x: auto;
  padding: clamp(0.5rem, 1vw, 1rem) 0;
  scroll-behavior: smooth;
}

.b9fee {
  flex: 0 0 clamp(250px, 30vw, 380px);
  height: clamp(180px, 25vw, 300px);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

.b9fee:hover {
  box-shadow: var(--shadow-lg);
  transform: scale(1.02);
}

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

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

  .b9fee {
    flex: 0 0 clamp(200px, 70vw, 320px);
    height: clamp(150px, 50vw, 250px);
  }
}

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

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

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

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

.i10 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  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);
  display: inline-block;
  border: none;
  cursor: pointer;
  width: fit-content;
  margin: clamp(0.5rem, 1vw, 1rem) auto 0;
}

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

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

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

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

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

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

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

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

.i1115a5 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-text-primary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-xl);
}

.i1115a5.gded51 {
  display: none;
}

.ecde9ee {
  color: var(--color-bg-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: var(--line-height-relaxed);
  flex: 1 1 auto;
}

.ab9389a {
  display: flex;
  flex-direction: row;
  gap: clamp(0.5rem, 1vw, 1rem);
  flex-wrap: wrap;
}

.k744277,
.l91c8d {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  transition: all var(--transition-base);
}

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

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

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

.l91c8d:hover {
  background: rgba(255, 255, 255, 0.1);
}

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

  .ecde9ee {
    flex: 1 1 100%;
  }

  .ab9389a {
    flex: 1 1 100%;
  }

  .k744277,
  .l91c8d {
    flex: 1 1 100%;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .a6a5a45 {
    min-height: 500px;
  }

  .f6fe4 {
    flex-direction: column;
  }

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

  .f94eb14 {
    flex-direction: column;
  }

  .c16 {
    flex-direction: column;
  }

  .l0571f {
    flex: 1 1 100%;
  }

  .i9a {
    flex-direction: column;
  }

  .af740,
  .nea {
    width: 100%;
    text-align: center;
  }
}

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

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

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

.f74,
.m3cc5,
.h63,
.be47bc4 {
  display: block;
}

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

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

.gbfa,
.hfa27 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.5rem);
}

.gbfa li,
.hfa27 li {
  display: block;
}

.gbfa a,
.hfa27 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: color var(--transition-base);
  line-height: var(--line-height-snug);
}

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

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

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

.ed6 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  margin: 0 0 clamp(0.25rem, 1vw, 0.5rem) 0;
  line-height: var(--line-height-snug);
}

.fc3cfd90 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  margin: 0;
  line-height: var(--line-height-snug);
}

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

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

  .m3cc5 {
    flex: 0 1 auto;
  }

  .h63 {
    flex: 0 1 auto;
  }

  .be47bc4 {
    flex: 0 1 auto;
  }

  .g192c32 {
    flex: 1 1 100%;
  }

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

@media (min-width: 1024px) {
  .i1a20 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: clamp(2rem, 4vw, 3rem);
    align-items: start;
  }

  .f74 {
    grid-column: 1;
  }

  .m3cc5 {
    grid-column: 2;
  }

  .h63 {
    grid-column: 3;
  }

  .be47bc4 {
    grid-column: 4;
  }

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

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

.c3d0305 {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  padding: clamp(4rem, 12vw, 8rem) 0;
  overflow: hidden;
  text-align: center;
}

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

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

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

.c337d {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-on-accent);
  opacity: 0.95;
  max-width: 700px;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.l806 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

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

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

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

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

.a9b3 {
  flex: 1 1 clamp(300px, 45vw, 520px);
  display: flex;
  flex-direction: column;
}

.bc41c {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all var(--transition-base) ease;
}

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

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

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

.pd8 {
  font-size: clamp(1.0625rem, 2vw + 0.5rem, 1.375rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p5fb2b6a {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.5rem);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  padding-top: clamp(0.5rem, 1vw, 1rem);
  border-top: 1px solid var(--color-border-light);
}

.e158d1b,
.df5f27,
.a967a {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--color-text-muted);
}

.e158d1b i,
.df5f27 i,
.a967a i {
  color: var(--color-accent);
  font-size: 0.85em;
}

.f54 {
  align-self: flex-start;
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  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.8125rem, 1vw, 0.9375rem);
  transition: all var(--transition-base) ease;
}

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

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

  .c3d0305 {
    padding: clamp(3rem, 10vw, 5rem) 0;
  }

  .dfe2c99 {
    gap: clamp(1rem, 3vw, 1.5rem);
  }
}

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

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

  .a9b3 {
    flex: 1 1 calc(50% - clamp(0.75rem, 2vw, 1.25rem));
    max-width: 520px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cc8e35 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  align-items: center;
}

.g11d84 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
}

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

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

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

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

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

  .ec504,
  .paf1d4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

.k610c {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

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

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

  .o067b13,
  .m41c328 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.j055 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

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

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

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

  .c17c26a,
  .c872 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.ib52 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

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

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

.a74cf7 {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  border-radius: var(--radius-md);
  color: var(--color-text-on-accent);
  font-size: 1.25rem;
}

.n3400fc {
  flex: 1;
}

.a36 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 700;
}

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

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

  .edc66e9,
  .j6da {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .a74cf7 {
    width: 50px;
    height: 50px;
  }
}

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

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

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

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

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

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

.a2dd8 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

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

  .le384,
  .of35 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.b66ff {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

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

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

  .cae5,
  .i1b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.h76 {
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

.k5af85 {
  max-width: 900px;
  margin: 0 auto;
}

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

.m11997a {
  flex-shrink: 0;
}

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

.nb1f17e {
  flex: 1;
}

.n37c124 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  line-height: 1.2;
}

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

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

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

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

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

  .o68e524 {
    width: 100px;
    height: 100px;
  }
}

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

.g809fc9 {
  max-width: 1200px;
  margin: 0 auto;
}

.j211c {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  text-align: center;
  line-height: 1.3;
}

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

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

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

.o7f {
  width: 100%;
  height: auto;
  min-height: 200px;
}

.l17ea5 {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

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

  .l573bea {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

@media (max-width: 480px) {
  .i530,
  .l5b450,
  .jbfdb70,
  .h8efb,
  .p77e,
  .p97ab3,
  .h6c2,
  .n464a,
  .e9d88b {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .d08450 {
    font-size: 0.75rem;
    gap: 0.25rem;
  }
}

* {
  box-sizing: border-box;
}

html, body, div, section, main, article, nav, h1, h2, h3, h4, h5, h6, p, ul, li, img, a, span {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.jc31df {
  display: block;
  width: 100%;
}

.oa42e {
  background: linear-gradient(135deg, #431407 0%, #5a1f0f 100%);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.lf1f {
  display: flex;
  flex-direction: row;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
}

.lf1f a {
  color: var(--color-text-on-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.lf1f a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.lf1f span {
  color: var(--color-text-on-accent);
  opacity: 0.7;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

.b7594 {
  display: inline-block;
  background: rgba(250, 204, 21, 0.2);
  color: #fbbf24;
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: fit-content;
}

.h8d3a {
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
}

.k85420 {
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  line-height: 1.6;
  max-width: 550px;
}

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

.m8632f5 {
  color: rgba(255, 255, 255, 0.85);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

.m8632f5 i {
  color: #fbbf24;
  font-size: 1rem;
}

.kfaf972 {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

  .f9ba461 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

.fec3 {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

  .dd026 {
    flex: 1 1 100%;
  }

  .fec3 {
    flex: 1 1 100%;
  }

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

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

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

.g0fd81c {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

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

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

  .g0fd81c {
    flex: 1 1 100%;
  }

  .d174d {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

.j11 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin: 0;
  margin-bottom: 0.5rem;
}

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

.fb8681 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  padding-left: 1.5rem;
  position: relative;
}

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

.e9e9 {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

  .j413c6 {
    flex: 1 1 100%;
  }

  .e9e9 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

.n7843 {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

.ofec71cc {
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

  .n7843 {
    flex: 1 1 100%;
  }

  .lff4b0 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

.ea36d6a {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
  padding: 1.25rem;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
}

.b4b {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 700;
  border-radius: 50%;
  min-width: 48px;
}

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

.p92 {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

  .o40e0940 {
    flex: 1 1 100%;
  }

  .p92 {
    flex: 1 1 100%;
  }

  .o82da3 {
    max-height: 300px;
  }

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

  .b4b {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
    min-width: 40px;
  }
}

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

.o86e2 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 900px;
}

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

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

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

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

.pd8ff {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  margin: 0;
  font-weight: 500;
}

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

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

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

.b4706d {
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 3px solid var(--color-accent);
}

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

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

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

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

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

.k1626 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  line-height: 1.6;
  margin: 0.25rem 0 0 0;
}

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

  .ifa {
    align-items: center;
  }

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

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

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

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

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

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

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

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

.kdb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.p44f:hover .kdb {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

.c3da92 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

.f383fd {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
}

.g2e {
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 600;
  border: 1px solid var(--color-secondary);
}

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

.mcfab {
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.h3b {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

  .pb66d930 {
    flex: 1 1 100%;
  }

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

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

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

.de99 {
  flex: 1 1 100%;
}

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

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

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

.ic92e41 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 200px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  text-align: center;
}

.o670d746 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.l0a5 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.5;
}

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

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

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

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

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

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

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

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

.cad3 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

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

.k55fb9 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

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

.e78c {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

  .pa7 {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }

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

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

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

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

.c1f8b {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

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

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

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

.b61 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}

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

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

.k9f41 {
  flex: 1 1 auto;
  padding-top: 0.25rem;
}

.b52bc {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.25rem;
}

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

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

.eef1cf {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

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

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

.f195 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 220px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  border: 2px solid var(--color-bg-tertiary);
  transition: all 0.3s ease;
}

.f195:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(234, 88, 12, 0.15);
  transform: translateY(-4px);
}

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

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

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

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

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

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

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

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

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

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

.p773 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  border: 1px solid var(--color-bg-tertiary);
}

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

.b5eb0e {
  flex: 1 1 auto;
}

.oe61 {
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.25rem;
}

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

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

.m43444 {
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.a1189 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 240px;
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  overflow: hidden;
  border: 1px solid var(--color-bg-tertiary);
  text-decoration: none;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.a1189:hover {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
  transform: translateY(-6px);
  border-color: var(--color-accent);
}

.p10 {
  width: 100%;
  height: 180px;
  overflow: hidden;
}

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

.a1189:hover .p10 img {
  transform: scale(1.05);
}

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

.e163a408 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}

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

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

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

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

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

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

.p6f83e {
  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-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.nb165 i {
  color: var(--color-accent);
  font-size: 1.1em;
}

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

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

  .o5a,
  .b704c6 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .i8339,
  .n90 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.abe {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  border-radius: var(--radius-md);
  display: flex;
  gap: 1rem;
}

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

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

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

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

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

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

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

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

.bb442 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-top: clamp(1.5rem, 3vw, 2rem);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .pfd62,
  .g3cc09 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.jf495 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 200px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .n0c,
  .n953d450 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.k1e {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 200px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

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

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

.p1ca11b {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.id4c {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k55b4:hover .p1799 img {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

html, body, main {
  width: 100%;
}

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

.g01 {
  width: 100%;
  background: var(--color-bg-primary);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
}

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

.i84f5e3e {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 3px solid var(--color-primary);
}

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

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

.d59aba1e {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  align-self: center;
  margin-bottom: 0.5rem;
}

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

.nd90b35 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

.h2e7d5cd {
  width: 100%;
  max-width: 700px;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 8px 24px rgba(234, 88, 12, 0.12);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.f8b {
  display: inline-block;
  background: rgba(251, 146, 60, 0.2);
  color: var(--color-secondary);
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 1rem;
}

.b6cba5 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
}

.l267919 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #d4d4d4;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.7;
}

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

.je5a13f {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 250px;
  max-width: 350px;
  border: 2px solid var(--color-bg-tertiary);
  transition: all 0.3s ease;
}

.je5a13f:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(234, 88, 12, 0.15);
  border-color: var(--color-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.e4b {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 8px 24px rgba(234, 88, 12, 0.12);
}

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

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

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

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

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

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

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

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

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

.p33925 {
  background: linear-gradient(135deg, #f97316 0%, var(--color-primary) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

.f7bd57 {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  align-self: center;
  margin-bottom: 0.5rem;
}

.a1de2 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.25rem);
  color: #ffffff;
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
}

.hb41f9 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #ffffff;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.7;
}

.ncaf378c {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
  border-top: 2px solid var(--color-primary);
}

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

.ebc {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1vw, 1rem);
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

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

.pd77 {
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

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

  .i9ce2 {
    flex-direction: column;
  }

  .f18 {
    flex: 1 1 100%;
  }

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

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

  .od60525,
  .b6cba5,
  .i7b7634,
  .jea {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }

  .a1de2 {
    font-size: clamp(1.5rem, 4vw, 2.25rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

.lf5b {
  text-align: center;
}

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

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

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

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

.h3cf996f {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}

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

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

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

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

@media (min-width: 1024px) {
  .ff4fecc {
    flex: 1 1 calc(25% - 1.875rem);
    max-width: none;
  }
}

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

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

.g23 {
  text-align: center;
}

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

.oa70 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.75rem, 1.5vw, 1.25rem) 0 0 0;
}

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

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

.m1cfd {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.75rem);
  font-weight: 600;
  color: var(--color-accent);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.hdf27 {
  text-align: center;
}

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

.i2aad {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.75rem, 1.5vw, 1.25rem) 0 0 0;
}

.dd089 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: center;
  align-items: center;
}

.h53f {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 500;
  white-space: nowrap;
  transition: var(--transition-base);
}

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

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

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

.o73754 {
  text-align: center;
}

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

.kb718d {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.75rem, 1.5vw, 1.25rem) 0 0 0;
}

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

.ke5bb {
  flex: 1 1 calc(50% - 1rem);
  min-width: 300px;
  max-width: 500px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

.edce,
.lb3656 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
}

.edce {
  background: var(--color-bg-tertiary);
  padding: 0.25rem clamp(0.5rem, 1vw, 0.75rem);
  border-radius: var(--radius-sm);
  display: inline-block;
}

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

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

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

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

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

.p4cda39 {
  max-width: 700px;
  width: 100%;
  background: var(--color-bg-primary);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

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

.ke7a9 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-accent);
}

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

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

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

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

  .ke7a9,
  .a127a2 {
    width: 100%;
  }

  .a9093703 {
    padding: 0 clamp(1rem, 4vw, 2rem);
  }
}

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

  .p4eb640 {
    flex: 1 1 45%;
    max-width: 500px;
  }

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

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

  .ke7a9,
  .a127a2 {
    width: auto;
  }
}

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

.n08b {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.o891 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.c5414b3 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.jf4a9f0 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.g9ced49b {
  max-width: 750px;
  margin: 0 auto;
}

.abb88d {
  border-bottom: 1px solid var(--color-border-light);
  margin-bottom: var(--spacing-md);
}

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

.p52c3 {
  background-color: transparent;
  border: none;
  width: 100%;
  padding: var(--spacing-lg) 0;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-snug);
  transition: color var(--transition-base);
}

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

.j877 {
  flex: 1;
}

.oab012d {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-sm);
  flex-shrink: 0;
  margin-top: 2px;
  transition: transform var(--transition-base);
  font-weight: bold;
  font-size: 14px;
}

.oab012d::after {
  content: '+';
}

.p52c3.g31 .oab012d {
  transform: rotate(45deg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
}

.jab41e {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  padding: 0;
}

.jab41e.g31 {
  max-height: 500px;
  padding-bottom: var(--spacing-lg);
}

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

.j08467 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

.ocda3 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.f85f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

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

.g5dd9 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  transition: background-color var(--transition-base);
  border: none;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
}

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

.d61 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.k7d {
  max-width: 1000px;
  margin: 0 auto;
}

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

.n54 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

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

.a17d7 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
}

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

.d6f {
  display: inline-block;
  color: var(--color-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

@media (min-width: 768px) {
  .n08b {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .jf4a9f0 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .j08467 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .d61 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .n08b {
    padding: 5rem var(--spacing-xl);
  }

  .jf4a9f0 {
    padding: 5rem var(--spacing-xl);
  }

  .j08467 {
    padding: 5rem var(--spacing-xl);
  }

  .d61 {
    padding: 5rem var(--spacing-xl);
  }

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

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

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

.i86e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.i8d30 {
  max-width: 720px;
  margin: 0 auto;
}

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

.d8e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .i86e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .i86e {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.kdecf020 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.p7574a2c {
  max-width: 1200px;
  margin: 0 auto;
}

.j9efe811 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

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

.n3b3b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
}

.n3b3b i {
  font-size: 1.75rem;
  color: var(--color-primary);
}

.pdc0 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.3rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
  font-weight: 700;
}

.n044 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.2rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.e4892 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  margin-top: auto;
}

.k3c {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.8rem;
  background-color: var(--color-primary-lighter);
  color: var(--color-primary-dark);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-full);
  line-height: 1.4;
}

@media (min-width: 768px) {
  .j9efe811 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .kdecf020 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .j9efe811 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

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

.e4847 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.d0ff12c7 {
  max-width: 720px;
  margin: 0 auto;
}

.k57 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.3rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
  font-weight: 700;
}

.n2b99af {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.dfbe802 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.3rem, 1.125rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  line-height: 1.4;
}

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

@media (min-width: 768px) {
  .e4847 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .e4847 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.l9479f27 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.hc1 {
  max-width: 1200px;
  margin: 0 auto;
}

.gd656 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.3rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  text-align: center;
  line-height: var(--line-height-snug);
  font-weight: 700;
}

.a02 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.2rem, 1.05rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.d4f90 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
}

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

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

.d7542 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.d7542 i {
  color: var(--color-primary);
  font-size: 1.25rem;
}

.cca48b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.3rem, 1.125rem);
  font-weight: 500;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .d4f90 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }

  .l9479f27 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .d4f90 {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-xl);
  }

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

  .g170ba {
    flex-direction: column;
    text-align: center;
    padding: var(--spacing-xl);
  }

  .g170ba:hover {
    transform: translateY(-4px);
  }

  .cca48b {
    text-align: center;
  }
}

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

.a43a6cc5 .e46da190 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.a43a6cc5 .h793e {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.a43a6cc5 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.a43a6cc5 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-snug);
}

.a43a6cc5 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.a43a6cc5 .f2ab9 {
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-2xl);
  display: block;
}

.a43a6cc5 ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: var(--spacing-lg);
}

.a43a6cc5 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

.a43a6cc5 li:before {
  content: "";
  position: absolute;
  left: var(--spacing-md);
  color: var(--color-primary);
  font-weight: bold;
}

.a43a6cc5 .b11c99 {
  margin-bottom: var(--spacing-3xl);
}

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

.a43a6cc5 .mfa47 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-top: var(--spacing-3xl);
}

.a43a6cc5 .mfa47 h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.a43a6cc5 .mfa47 p {
  margin-bottom: var(--spacing-md);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
}

.a43a6cc5 .mfa47 p strong {
  display: inline-block;
  min-width: 80px;
  color: var(--color-primary);
}

@media (min-width: 768px) {
  .a43a6cc5 .h793e {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .a43a6cc5 h2 {
    margin-top: var(--spacing-3xl);
  }

  .a43a6cc5 .mfa47 {
    padding: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .a43a6cc5 .e46da190 {
    padding: 0 var(--spacing-lg);
  }

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

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

html,
body {
  width: 100%;
}

.d0bede {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--spacing-md);
}

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

.kd87e .e46da190 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.f60 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.h70ee772 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  animation: bounce-in 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.h70ee772 svg {
  color: var(--color-success);
  width: clamp(60px, 12vw, 100px);
  height: clamp(60px, 12vw, 100px);
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.08));
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
}

.g9dc {
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
  font-weight: 500;
}

.i59ed {
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.fdbcf {
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-xl);
}

.pd203 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  border: 2px solid transparent;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

.pd203:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .d0bede {
    padding: var(--spacing-lg);
  }

  .kd87e .e46da190 {
    padding: 0 var(--spacing-lg);
  }

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

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

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

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

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

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

@media (min-width: 1024px) {
  .d0bede {
    padding: var(--spacing-xl);
  }

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

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

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

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

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

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

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

  .pd203 {
    padding: var(--spacing-md) var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .h70ee772 {
    animation: none;
    opacity: 1;
    transform: scale(1);
  }

  .pd203:hover {
    transform: none;
  }

  .pd203:active {
    transform: none;
  }
}

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

html, body {
  width: 100%;
}

.b19 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-md);
}

.c60f12 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  overflow: hidden;
}

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

.h793e {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.n4b7a9b {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-lg);
  animation: fadeInUp 0.8s ease-out;
}

.o35f82 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
}

.l1cc {
  font-size: clamp(4rem, 15vw, 10rem);
  font-family: var(--font-heading);
  font-weight: 700;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  position: relative;
  z-index: 2;
  animation: scaleIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s backwards;
}

.j7c02d6 {
  position: absolute;
  width: clamp(200px, 50vw, 400px);
  height: clamp(200px, 50vw, 400px);
  background: radial-gradient(circle, var(--color-primary-light) 0%, transparent 70%);
  border-radius: var(--radius-full);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  animation: pulse 3s ease-in-out infinite;
  opacity: 0.3;
}

.gcc {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.01em;
  animation: fadeInUp 0.8s ease-out 0.3s backwards;
}

.ie274 {
  animation: fadeInUp 0.8s ease-out 0.4s backwards;
}

.l8c {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.ke6f97d {
  margin-bottom: var(--spacing-xl);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.j678 {
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.kc177 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
  min-height: 48px;
  white-space: nowrap;
  gap: var(--spacing-sm);
  position: relative;
  overflow: hidden;
  animation: slideUp 0.8s ease-out 0.5s backwards;
}

.kc177::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: var(--color-primary-hover);
  transition: left var(--transition-base);
  z-index: -1;
}

.kc177:hover::before {
  left: 0;
}

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

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

.kc177:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.3;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.2;
  }
}

@media (min-width: 640px) {
  .c60f12 {
    min-height: 100vh;
  }
  
  .n4b7a9b {
    gap: var(--spacing-2xl);
  }
  
  .o35f82 {
    margin-bottom: var(--spacing-lg);
  }
  
  .ke6f97d {
    padding: var(--spacing-2xl);
  }
}

@media (min-width: 768px) {
  .c60f12 .e46da190 {
    padding: 0 var(--spacing-lg);
  }

  .n4b7a9b {
    gap: var(--spacing-2xl);
  }
  
  .l8c {
    font-size: clamp(1rem, 1.8vw, 1.15rem);
  }
  
  .kc177 {
    padding: var(--spacing-md) var(--spacing-3xl);
    font-size: clamp(1rem, 1.1vw, 1.15rem);
  }
}

@media (min-width: 1024px) {
  .c60f12 .e46da190 {
    padding: 0 var(--spacing-2xl);
  }

  .n4b7a9b {
    gap: var(--spacing-3xl);
  }
  
  .o35f82 {
    margin-bottom: var(--spacing-2xl);
  }
  
  .j7c02d6 {
    width: 450px;
    height: 450px;
  }
}

@media (min-width: 1440px) {
  .n4b7a9b {
    gap: var(--spacing-3xl);
  }
}

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

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

.k04 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

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

.k04 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.c431 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 700px;
}

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

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

@media (min-width: 1024px) {
  .k04 {
    padding: var(--spacing-4xl) 0;
  }

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

.jca0c {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

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

.e93d58d4 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .e93d58d4 {
    flex-direction: row;
    gap: var(--spacing-3xl);
    align-items: flex-start;
  }

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

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

@media (min-width: 1024px) {
  .jca0c {
    padding: var(--spacing-4xl) 0;
  }

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

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

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

.o6c1b577 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 700;
}

.f9d94 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.h31 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

.i1f6a {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.8vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.j648,
.ke25c {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 0.9vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  box-sizing: border-box;
}

.j648::placeholder,
.ke25c::placeholder {
  color: var(--color-text-muted);
}

.j648:focus,
.ke25c:focus {
  outline: none;
  background-color: var(--color-bg-card);
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.j648:hover:not(:focus),
.ke25c:hover:not(:focus) {
  border-color: var(--color-border);
}

.ke25c {
  resize: vertical;
  min-height: 140px;
}

.f8f13a {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.9rem, 0.9vw + 0.5rem, 1rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

.f8f13a:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.a2884 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.8vw + 0.4rem, 0.9rem);
  line-height: var(--line-height-normal);
  color: var(--color-text-muted);
  margin: 0;
}

.j21124a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 600;
}

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

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

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

.d607 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 700;
}

.j47c04 {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-xl);
  align-items: flex-start;
}

.g87 {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: 1.25rem;
}

.od914cc {
  flex: 1;
}

.k606d7 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  font-weight: 700;
}

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

.i19 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

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

.i31f2 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-xl);
}

.o4b903d {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.a41 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.a41 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.9vw + 0.5rem, 1rem);
  line-height: var(--line-height-normal);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

.b62 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.g16 {
  padding: 0 var(--spacing-md);
  text-align: center;
}

.b62 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.b62 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.jab5 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.9vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
}

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

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

.jab5:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

@media (min-width: 768px) {
  .b62 {
    padding: var(--spacing-3xl) 0;
  }

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

@media (min-width: 1024px) {
  .b62 {
    padding: var(--spacing-4xl) 0;
  }

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

@media (max-width: 767px) {
  .f398,
  .kf9e {
    width: 100%;
  }

  .j648,
  .ke25c {
    font-size: 16px;
  }
}
.i853,.ic41{
  width: 34px;
}

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

.b2d{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .b2d{
    max-width: 100%;
  }
}

.b2d.g31{
  z-index: 999;
}

.fd9ca4{
  padding-top: 50px;
}

.i853[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .ka17 {
    aspect-ratio: 6 / 9;
  }
}