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

:root {
  --color-bg-primary: #fafafa;
  --color-bg-secondary: #fff5f5;
  --color-bg-tertiary: #ffe3e3;
  --color-bg-card: #ffffff;

  --color-text-primary: #1a1a2e;
  --color-text-secondary: #4a4a6a;
  --color-text-muted: #656971;

  --color-primary: #be123c;
  --color-primary-hover: #9f1239;
  --color-primary-light: #f8d5dd;
  --color-primary-lighter: #fde8ed;

  --color-secondary: #e11d48;
  --color-secondary-light: #f5d7e0;
  --color-secondary-lighter: #fce4eb;

  --color-success: #059669;
  --color-success-light: #d1fae5;
  --color-warning: #d97706;
  --color-warning-light: #fef3c7;
  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;

  --color-border: #e5d4d8;
  --color-border-light: #f0e8ea;

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

  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;
  --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(26, 26, 46, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(26, 26, 46, 0.1), 0 2px 4px -1px rgba(26, 26, 46, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(26, 26, 46, 0.1), 0 4px 6px -2px rgba(26, 26, 46, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(26, 26, 46, 0.1), 0 10px 10px -5px rgba(26, 26, 46, 0.04);
  --shadow-2xl: 0 25px 50px -12px rgba(26, 26, 46, 0.25);

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

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

  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.05em;

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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: var(--line-height-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;
}

*::selection {
  background: var(--color-primary-light);
  color: var(--color-primary);
}

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

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

h1 {
  font-size: 3.5rem;
}

h2 {
  font-size: 2.75rem;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

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

p {
  margin: 0;
  line-height: var(--line-height-relaxed);
}

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

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

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

button:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

input, textarea, select {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: var(--line-height-normal);
}

input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.f97 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-lg);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  transition: all var(--transition-base);
  cursor: pointer;
  text-decoration: none;
  border: 2px solid transparent;
}

.f97:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.f97:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.c88 {
  background: var(--color-primary);
  color: #ffffff;
}

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

.c88:active:not(:disabled) {
  transform: translateY(0);
}

.n69 {
  background: var(--color-secondary);
  color: #ffffff;
}

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

.n69:active:not(:disabled) {
  transform: translateY(0);
}

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

.gf6c928f:hover:not(:disabled) {
  background: var(--color-primary-lighter);
}

.f931c9ad {
  background: transparent;
  color: var(--color-primary);
}

.f931c9ad:hover:not(:disabled) {
  background: var(--color-bg-secondary);
}

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

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

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

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

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

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

.n965 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
}

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

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

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

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

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

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

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

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

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

.l0754 {
  color: var(--color-secondary);
}

.f5123 {
  font-size: 0.875rem;
}

.o765e {
  font-size: 0.75rem;
}

.l0b {
  font-size: 1.125rem;
}

.i9930a2 {
  font-size: 1.25rem;
}

.m9b1b55 {
  font-weight: 700;
}

.m26bb {
  font-weight: 600;
}

.gf9f4bc3 {
  font-weight: 500;
}

.he3b84 {
  text-align: center;
}

.ad5a468 {
  text-align: left;
}

.k556f18a {
  text-align: right;
}

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

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

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

.kc5569 {
  background: var(--color-bg-card);
}

.b065676 {
  display: flex;
}

.e6e933e {
  flex-direction: column;
}

.d38d3e63 {
  flex-wrap: wrap;
}

.l0da {
  align-items: center;
}

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

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

.l9d35be {
  justify-content: center;
}

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

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

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

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

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

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

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

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

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

.m1e4ea4 {
  display: grid;
}

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

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

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

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

.p9e {
  margin: 0;
}

.b9cb22d {
  margin: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cde9d0e {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

.j43 {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}

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

.eda {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}

.b0852 {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}

.k79699fa {
  padding-top: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
}

.gcb1 {
  padding-top: var(--spacing-3xl);
  padding-bottom: var(--spacing-3xl);
}

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

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

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

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

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

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

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

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

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

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

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

.ba0 {
  border: 2px solid var(--color-secondary);
}

.hd324ee9 {
  opacity: 0.5;
}

.mfe9 {
  opacity: 0.75;
}

.jcb4 {
  cursor: pointer;
}

.p2d8dc {
  pointer-events: none;
}

.i746298 {
  display: none;
}

.g53c3fcc {
  display: block;
}

.h115f0 {
  display: inline;
}

.e801 {
  display: inline-block;
}

.p7107 {
  width: 100%;
}

.ca8 {
  height: 100%;
}

.hadd {
  min-height: 100vh;
}

.k9580 {
  max-width: 100%;
}

.g16de1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k7832 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.h4f {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.a1ad14 {
  position: absolute;
}

.le3bf942 {
  position: relative;
}

.daf8d4 {
  position: fixed;
}

.j2f636ff {
  top: 0;
}

.f5d64 {
  right: 0;
}

.bb783c7d {
  bottom: 0;
}

.c090b0e {
  left: 0;
}

.k72f {
  z-index: 10;
}

.eee29 {
  z-index: 20;
}

.i8fae {
  z-index: 50;
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

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

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

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

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

  .i390887 {
    flex-direction: column;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .f97 {
    width: 100%;
  }

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

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

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

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

.cc249b30:hover {
  opacity: 0.85;
}

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

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

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

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

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

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

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

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

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

.k7329 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  cursor: pointer;
  gap: 5px;
  padding: 0;
  flex-shrink: 0;
}

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

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

.a338f1da.n02c56 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.ied3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  flex-shrink: 0;
}

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

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

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

.bdb9 {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  overflow-y: auto;
  padding: 1rem 0;
}

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

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

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

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

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

  .mc33 {
    display: flex;
  }

  .ee96e4 {
    display: block;
  }

  .k7329 {
    display: none;
  }

  .a338f1da {
    display: none;
  }
}

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

  .ee96e4 {
    display: none;
  }

  body.adb4 {
    overflow: hidden;
  }
}

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

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

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

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

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

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

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

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

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

.f97 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  text-align: center;
  border: none;
  cursor: pointer;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.nba6f46 {
  flex: 1 1 45%;
  min-height: 300px;
}

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

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

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

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

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

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

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

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

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

.p4af5edb {
  min-height: 350px;
}

.ob6e2 {
  min-height: 200px;
}

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

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

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

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

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

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

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

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

.i06 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

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

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

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

.h24 {
  height: 1px;
  background: var(--color-border-light);
}

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

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

.j767eba1 {
  text-align: center;
}

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

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

.h13129 {
  flex: 1 1 250px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  text-decoration: none;
  transition: all var(--transition-base);
}

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

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

.ie25d {
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
}

.l5c {
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
}

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

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

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

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

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

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

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

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

.ob8 {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n2d01e8 {
}

.p98e3d0 {
}

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

.jf58cbe {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

.ddd {
  font-size: 1.25rem;
  color: var(--color-accent);
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

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

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

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

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

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

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

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

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

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

.i46 {
  font-size: 2.5rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

.p4df5b66 {
  flex: 1 1 200px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

@media (min-width: 768px) {
  .p4df5b66 {
    flex: 1 1 calc(25% - 1.125rem);
  }
}

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

.f018fd {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

.c603 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

.j067:hover .b58f {
  transform: scale(1.05);
}

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

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

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

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

.dcf2536:hover {
  color: var(--color-accent-hover);
  transform: translateX(2px);
}

.f3d08 {
  text-align: center;
  margin-top: 1rem;
}

.bacb {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  padding: 0.75rem 1.5rem;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

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

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

.b4eb3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.d550d {
  border: 3px solid var(--color-accent);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3.5rem);
  text-align: center;
  background: var(--color-bg-secondary);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 600px;
}

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

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

.c58871 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.75rem, 3vw, 2.75rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  transition: all var(--transition-base);
  width: fit-content;
  margin: 0 auto;
}

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

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

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

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

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

.h43f3 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  flex: 0 1 auto;
}

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

.d5e1 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

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

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

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

.b97d3c {
  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-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  font-weight: 600;
}

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

.o0e5cc12 {
  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: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-lg);
}

.o0e5cc12.i746298 {
  display: none;
}

.cf1 {
  color: var(--color-bg-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  flex: 1 1 auto;
  min-width: 200px;
}

.ka8faf81 {
  display: flex;
  gap: 1rem;
  flex: 0 1 auto;
}

.h05,
.badc91 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base);
}

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

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

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

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

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

  .cf1 {
    text-align: center;
  }

  .ka8faf81 {
    width: 100%;
    gap: 0.75rem;
  }

  .h05,
  .badc91 {
    flex: 1;
  }
}

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

  .he767 {
    padding: 6rem 0;
  }

  .c38 {
    padding: 6rem 0;
  }

  .p78 {
    padding: 6rem 0;
  }

  .c3a {
    padding: 6rem 0;
  }

  .a2eac {
    padding: 6rem 0;
  }

  .hc48311c {
    padding: 6rem 0;
  }

  .k1f7 {
    padding: 6rem 0;
  }

  .d1ff6d0e {
    padding: 6rem 0;
  }

  .ke4 {
    padding: 6rem 0;
  }

  .p1755630 {
    padding: 6rem 0;
  }
}

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

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

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

.c2697a {
  display: block;
}

.c2697a h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: var(--letter-spacing-tight);
}

.c2697a p {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 55ch;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ce988 {
  display: block;
}

.ce988 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: var(--letter-spacing-tight);
}

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

.m405d li {
  display: inline-block;
}

.fac87b8 {
  display: block;
}

.fac87b8 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: var(--letter-spacing-tight);
}

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

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

.o80 {
  display: block;
}

.o80 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: var(--letter-spacing-tight);
}

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

.d79f49c li {
  display: inline-block;
}

.m702 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  line-height: var(--line-height-normal);
}

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

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

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

.p8297e {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw + 0.4rem, 0.875rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: var(--line-height-snug);
  max-width: 70ch;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .mb28d42 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2.5rem, 6vw, 4rem);
  }

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

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

  .m405d,
  .d79f49c {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

@media (min-width: 1024px) {
  .mb28d42 {
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
  }

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

  .ce988 {
    grid-column: 2;
    grid-row: 1;
  }

  .fac87b8 {
    grid-column: 3;
    grid-row: 1;
  }

  .o80 {
    grid-column: 4;
    grid-row: 1;
  }

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

  .m405d,
  .d79f49c {
    flex-direction: column;
    gap: clamp(0.75rem, 2vw, 1.25rem);
  }
}
    

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

.paf22 {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

.ff93 {
  text-align: center;
  max-width: 700px;
}

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

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

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

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

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

.n521 {
  text-align: center;
}

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

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

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

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

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

.h51a9c {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: var(--color-bg-secondary);
}

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

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

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

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

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

.da9255f,
.h07,
.k8d01623 {
  font-size: 0.875rem;
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.da9255f i,
.h07 i,
.k8d01623 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

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

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

@media (min-width: 768px) {
  .e690 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2rem, 4vw, 3rem);
  }

  .o19 {
    grid-column: 2;
    grid-row: 1;
  }

  .cfc35bb9 {
    grid-column: 1;
    grid-row: 2;
  }

  .c5b60 {
    grid-column: 2;
    grid-row: 2;
  }
}

@media (min-width: 1024px) {
  .e690 {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 4vw, 3rem);
  }

  .h7d {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }

  .jd7c .h51a9c,
  .cfc35bb9 .h51a9c {
    grid-column: 1;
  }

  .jd7c .g01888d,
  .cfc35bb9 .g01888d {
    grid-column: 2;
  }

  .o19 .h51a9c,
  .c5b60 .h51a9c {
    grid-column: 2;
  }

  .o19 .g01888d,
  .c5b60 .g01888d {
    grid-column: 1;
  }

  .o19 .h51a9c,
  .c5b60 .h51a9c {
    order: 2;
  }

  .o19 .g01888d,
  .c5b60 .g01888d {
    order: 1;
  }

  .h51a9c {
    aspect-ratio: auto;
    min-height: 300px;
  }

  .g01888d {
    padding: clamp(2rem, 4vw, 2.5rem);
  }
}

@media (max-width: 1023px) {
  .h7d {
    display: flex;
    flex-direction: column;
  }

  .g01888d {
    padding: clamp(1.25rem, 3vw, 1.75rem);
  }
}

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

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

html {
  font-family: var(--font-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

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

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

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

.f80 {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 4rem) 0;
}

.a13b5e1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(190, 18, 60, 0.25) 0%, rgba(225, 29, 72, 0.15) 100%);
  pointer-events: none;
  z-index: 2;
}

.j24e6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.f80 .m02da4 {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 2rem);
}

.jb988c {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: rgba(26, 26, 46, 0.8);
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}

.jb988c a {
  color: rgba(26, 26, 46, 0.85);
  font-weight: 500;
  text-decoration: none;
  transition: color var(--transition-fast);
}

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

.h7f {
  color: rgba(26, 26, 46, 0.6);
}

.ged {
  max-width: 800px;
}

.h67c {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
  text-shadow: 0 2px 4px rgba(255, 255, 255, 0.6);
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
}

.fd469 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 1vw, 1rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}

.p63a2 {
  display: inline-block;
}

.j8a14d {
  color: var(--color-text-secondary);
  opacity: 0.6;
}

.o837c13b {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 3.5rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border);
}

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

.nc6436e5 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
  border: 3px solid var(--color-accent);
}

.i1f8b {
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, 1vw, 0.5rem);
  flex: 1;
}

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

.nf7d53 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

.o085 {
  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: var(--line-height-snug);
}

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

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

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

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

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

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

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

.j9765334 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  padding: clamp(1.25rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
}

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

.n414cb4 {
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  line-height: var(--line-height-snug);
}

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

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

.p03 {
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
  line-height: var(--line-height-snug);
}

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

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

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

.g508c {
  text-align: center;
}

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

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

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

.m2cab {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  flex: 0 1 calc(33.333% - clamp(1rem, 2vw, 1.67rem));
  min-width: 280px;
}

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

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

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

.m2cab:hover .d589 {
  transform: scale(1.05);
}

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

.o74 {
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-snug);
  margin: 0;
}

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

.n089f4 {
  display: inline-flex;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-base);
  margin-top: auto;
}

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

@media (max-width: 1023px) {
  .i727e0 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .i727e0:nth-child(even) {
    flex-direction: column;
  }

  .g3804,
  .o6f {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

@media (max-width: 768px) {
  .f80 {
    min-height: 350px;
    padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  }

  .h67c {
    margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  }

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

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

  .ld0a3 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .abddf7 {
    gap: clamp(2rem, 4vw, 3rem);
  }

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

  .ob87f {
    flex-direction: column;
  }
}

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

  .jb988c {
    font-size: 0.8125rem;
  }

  .h67c {
    font-size: 1.5rem;
  }

  .o085 {
    font-size: 1.25rem;
  }

  .nd6 {
    border-left-width: 3px;
    padding: 1.25rem;
  }

  .d2cc {
    padding: 1.25rem;
    border-width: 2px;
  }

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

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

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

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

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

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

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

.kae0e4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.d850 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(26, 26, 46, 0.75) 0%, rgba(74, 74, 106, 0.65) 100%);
  z-index: 2;
}

.c0e42 .m02da4 {
  position: relative;
  z-index: 3;
}

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

.k776c4e a {
  color: #ffffff;
  text-decoration: none;
  transition: all var(--transition-base);
}

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

.k776c4e span {
  color: rgba(255, 255, 255, 0.7);
}

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

.dd6d {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.bd08ec {
  color: rgba(255, 255, 255, 0.85);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 500;
}

.h648 {
  color: rgba(255, 255, 255, 0.6);
}

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

.k12934 {
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.pee a {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: color var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.a9208 {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
}

.d63 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

.c0cb26 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  padding-left: 2rem;
  margin-bottom: 0.75rem;
  position: relative;
}

.c0cb26::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.125rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k59e458 {
  text-align: center;
}

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

.b61 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-normal);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.nfd439 {
  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: all var(--transition-base);
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 280px;
  max-width: 380px;
}

.nfd439:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-xl);
}

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

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

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

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

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

.i9b119 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

@media (max-width: 768px) {
  .a2e0ed9,
  .me6,
  .a89914,
  .j547,
  .de4 {
    flex-direction: column;
  }

  .fc64e876,
  .id7214ce,
  .geea7,
  .b875dd15,
  .h71cfd11,
  .maf,
  .a8169fee,
  .b1ec,
  .p8204c6,
  .i93 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .k776c4e {
    font-size: 0.8125rem;
  }

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

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

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

  .nfd439 {
    min-width: 250px;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

.e049 {
  position: relative;
  min-height: 550px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background: var(--color-bg-primary);
}

.oe9e3e5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

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

.mf434a0e {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(26, 26, 46, 0.85) 0%, rgba(26, 26, 46, 0.4) 50%, transparent 100%);
  z-index: 2;
}

.jf70 {
  position: relative;
  z-index: 3;
  width: 100%;
  padding: clamp(2rem, 5vw, 4rem) 0;
}

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

.e2696a2a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.fb748 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}

.b083ec25 {
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0.25rem;
}

.oc71143c {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: #ffffff;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.j542 {
  font-size: clamp(0.9375rem, 2vw, 1.25rem);
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.6;
  max-width: 90%;
}

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

.ge60e a {
  color: rgba(255, 255, 255, 0.9);
  transition: color 0.3s ease;
}

.ge60e a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.ge60e span {
  color: rgba(255, 255, 255, 0.7);
}

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

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

.i3f40 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-accent);
}

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

.ga2 {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

.f739340 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.ic91a8d6 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

.a6876bcd {
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

.l35 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

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

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

.p8e9f {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

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

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

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

.ba78d {
  width: 100%;
  height: 220px;
  border-radius: 8px;
  overflow: hidden;
}

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

.d4067:hover .h431f {
  transform: scale(1.05);
}

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

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

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

.h9bdbfc {
  display: inline-block;
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  transition: all 0.3s ease;
  align-self: flex-start;
  margin-top: 0.5rem;
}

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

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

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

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

  .oc71143c {
    font-size: clamp(1.5rem, 4vw, 2.75rem);
  }

  .j542 {
    max-width: 100%;
  }

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

@media (max-width: 768px) {
  .e049 {
    min-height: 400px;
  }

  .oc71143c {
    font-size: clamp(1.25rem, 3vw, 2rem);
  }

  .j542 {
    font-size: clamp(0.875rem, 1.5vw, 1rem);
  }

  .aefc9d {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }

  .j0a433 {
    align-items: center;
  }

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

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

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

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

  .ge60e {
    margin-bottom: 1rem;
  }
}

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

  .jf70 {
    padding: 1.5rem 0;
  }

  .oc71143c {
    font-size: clamp(1.125rem, 2.5vw, 1.75rem);
  }

  .j542 {
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  }

  .ae0 {
    padding: 2rem 0;
  }

  .p8d {
    gap: 2rem;
  }

  .i3f40 {
    width: 60px;
    height: 60px;
  }

  .fb748 {
    font-size: 0.75rem;
  }
}

* {
  box-sizing: border-box;
}

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

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

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

.gbb2732 {
  width: 100%;
  margin: 0;
  padding: 0;
}

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

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

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

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

@media (min-width: 1024px) {
  .bd4 {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

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

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

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

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

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

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

.d0506f {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
}

.k649 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

.kf1 {
  position: relative;
  flex: 1 1 100%;
  max-width: 100%;
  min-height: 300px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

@media (min-width: 1024px) {
  .kf1 {
    flex: 1 1 50%;
    max-width: 50%;
    min-height: 400px;
  }
}

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

.d0b {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(190, 18, 60, 0.15) 0%, rgba(225, 29, 72, 0.08) 100%);
  pointer-events: none;
}

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

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

.g1bb167a {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

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

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

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

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

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

.ec92bfbf {
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

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

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

@media (min-width: 1024px) {
  .m4a33021 {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

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

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

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

.b330c {
  flex: 1 1 100%;
  max-width: 100%;
  min-height: 300px;
}

@media (min-width: 1024px) {
  .b330c {
    flex: 1 1 50%;
    max-width: 50%;
    min-height: 400px;
  }
}

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

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

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

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

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

@media (min-width: 1024px) {
  .k6f4c {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

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

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

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

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

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

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

.bbaf1 {
  flex: 1 1 100%;
  max-width: 100%;
  min-height: 350px;
}

@media (min-width: 1024px) {
  .bbaf1 {
    flex: 1 1 50%;
    max-width: 50%;
    min-height: 450px;
  }
}

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

.f46f {
  background: linear-gradient(135deg, rgba(190, 18, 60, 0.08) 0%, rgba(225, 29, 72, 0.05) 100%);
  border: 2px solid var(--color-secondary);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
}

.i104 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.i104 i {
  color: var(--color-accent);
  font-size: 1.25rem;
}

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

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

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

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

.gcae21 {
  flex: 1 1 100%;
  max-width: 100%;
  min-height: 300px;
}

@media (min-width: 1024px) {
  .gcae21 {
    flex: 1 1 50%;
    max-width: 50%;
    min-height: 400px;
  }
}

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

@media (min-width: 1024px) {
  .ef116e {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

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

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

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

.i20a {
  display: flex;
  gap: clamp(1.25rem, 3vw, 1.75rem);
}

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

.b23 {
  flex: 1;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  .h4a7 {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

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

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

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

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

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

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

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

.g4557 {
  flex: 1 1 100%;
  max-width: 100%;
  min-height: 300px;
}

@media (min-width: 1024px) {
  .g4557 {
    flex: 1 1 50%;
    max-width: 50%;
    min-height: 400px;
  }
}

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

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

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

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

.cc69e13:last-of-type {
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

.l1c1160 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 700;
  text-decoration: none;
  transition: var(--transition-base);
  display: inline-block;
  cursor: pointer;
}

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

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

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

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

.p56 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  margin: 0;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .e842d0,
  .ocf1,
  .b5bc22ea,
  .n0412 {
    flex-direction: column;
  }

  .m4a33021,
  .b330c,
  .k6f4c,
  .bbaf1,
  .gcae21,
  .ef116e,
  .h4a7,
  .g4557 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.j175b {
  max-width: 700px;
}

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

.me4 {
  font-size: clamp(1rem, 2vw + 0.3rem, 1.3rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: var(--line-height-normal);
}

.hcbd2bee {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
}

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

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

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

@media (max-width: 768px) {
  .md22 {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }
}

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

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

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

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

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

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

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

.n916bcb {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  transition: var(--transition-base);
}

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

.d488 {
  font-size: clamp(1rem, 1.5vw + 0.3rem, 1.3rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.o9322 {
  font-size: clamp(0.875rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

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

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

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

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

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

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

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

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

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

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

.gd9d5e h3 {
  font-size: clamp(1.1rem, 1.5vw + 0.3rem, 1.4rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.gd9d5e p {
  font-size: clamp(0.875rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

@media (max-width: 768px) {
  .la2ac {
    flex-direction: column;
    gap: 1rem;
  }

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

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

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

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

.a77b82 {
  flex: 1 1 45%;
  min-width: 250px;
}

.a77b82 h2 {
  font-size: clamp(1.75rem, 4vw + 0.3rem, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-tight);
}

.a77b82 p {
  font-size: clamp(0.875rem, 1vw + 0.3rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: 1rem;
}

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

.m0bb6 {
  flex: 1 1 45%;
  min-width: 250px;
  min-height: 300px;
  max-height: 450px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

@media (max-width: 768px) {
  .n66c {
    flex-direction: column;
    gap: 1.5rem;
  }

  .a77b82,
  .m0bb6 {
    flex: 1 1 100%;
  }
}

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

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

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

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

.f39e62 {
  font-size: clamp(1.75rem, 4vw + 0.3rem, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: var(--line-height-tight);
}

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

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

.ld886db0 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

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

.c285c77 h3 {
  font-size: clamp(0.95rem, 1.5vw + 0.2rem, 1.2rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: 0.3rem;
  font-weight: 600;
}

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

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

.kfad3343 {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
}

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

.hdc76 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

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

.h4cd {
  font-size: clamp(1rem, 1.5vw + 0.3rem, 1.3rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

.n8f052 p {
  margin: 0;
}

@media (max-width: 768px) {
  .kfad3343 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }
}

@media (max-width: 480px) {
  .l9365 {
    font-size: 1.75rem;
  }

  .n916bcb {
    flex: 1 1 100%;
  }

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

.m23a08 {
  width: 100%;
}

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

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

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

.cf9984 {
  flex: 1 1 100%;
  text-align: center;
}

.b4e1d3b {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 1rem, 3.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o167 {
  color: var(--color-text-secondary);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 500;
  font-family: var(--font-heading);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.m9139 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-relaxed);
  max-width: 650px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .cf9984 {
    flex: 1 1 48%;
    text-align: left;
  }

  .ff7 {
    flex: 1 1 48%;
  }

  .f14 {
    max-height: 450px;
  }

  .l1e11 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

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

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

.d813b7 {
  text-align: center;
}

.c41 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.75rem;
}

.e653 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.fadc6e31 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.a1ab6b {
  text-align: center;
}

.k6a {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.75rem;
}

.h08c2 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.dba26 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: var(--line-height-normal);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.pcd {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .ie3 {
    gap: clamp(2.5rem, 5vw, 4rem);
  }

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

  .p3cc {
    flex-shrink: 0;
    min-width: clamp(100px, 12vw, 140px);
  }

  .m5108e {
    flex: 1;
  }
}

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

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

.oc85ef {
  text-align: center;
}

.j25bb {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.75rem;
}

.obc7d3 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.hf18e {
  text-align: center;
}

.ja227cbf {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.75rem;
}

.f47 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h6f {
  padding: clamp(1.25rem, 2.5vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  text-align: center;
  transition: var(--transition-base);
}

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

.k04b3e {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  display: flex;
  justify-content: center;
}

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

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

@media (min-width: 768px) {
  .eb278b1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .h6f {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

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

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

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

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

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

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

.ad908f7b,
.f44f4f {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  font-weight: 600;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-block;
  transition: var(--transition-base);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
  min-width: 200px;
}

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

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

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

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

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

  .ad908f7b,
  .f44f4f {
    min-width: 220px;
  }
}

@media (min-width: 1024px) {
  .l1e11,
  .m542d1f,
  .l524,
  .k93,
  .f045,
  .ha6de7d3 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

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

.o8b {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  text-align: center;
  overflow: hidden;
}

.c7756f {
  max-width: 600px;
  margin: 0 auto;
}

.l18 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
}

.dcca5 {
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.ea1f3 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

.gf2 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

.icc7e7 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.a6a9c5 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: var(--shadow-sm);
}

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

.ff3a053 {
  position: relative;
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

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

.o73c2 {
  position: absolute;
  top: var(--spacing-md);
  right: var(--spacing-md);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
}

.a4d9d {
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.k291b1 {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 3vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.g085f {
  font-size: clamp(0.9rem, 2vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.o7c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

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

.j85542 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-snug);
}

.c91bf3 {
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.i5a {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: var(--letter-spacing-normal);
  transition: var(--transition-base);
  border: 2px solid var(--color-primary);
}

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

.i5a:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .o8b {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .gf2 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .icc7e7 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .ff3a053 {
    height: 280px;
  }

  .o7c {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .o8b {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

  .icc7e7 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }

  .ff3a053 {
    height: 300px;
  }

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

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

.i2a239a {
  background-color: var(--color-bg-secondary);
  padding: 4rem var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.e79bc {
  max-width: 700px;
  margin: 0 auto;
}

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

.j0334 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.i66 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.ee52a4 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.c4f30503 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl) var(--spacing-lg);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

.c4f30503:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.l39001 {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  flex-shrink: 0;
}

.l39001 i {
  font-size: 1.75rem;
  color: var(--color-primary);
}

.c8cf {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-snug);
}

.j0c1 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.a7fb353 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-fast);
  border: 2px solid var(--color-primary);
  text-align: center;
  width: fit-content;
}

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

.i355c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.p67d {
  max-width: 650px;
  margin: 0 auto;
}

.a63 {
  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 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-snug);
}

.d5ab {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.2rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.jc1ef {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
  font-weight: 600;
  transition: all var(--transition-fast);
  border: 2px solid var(--color-primary);
}

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

@media (min-width: 640px) {
  .i2a239a {
    padding: 5rem var(--spacing-lg);
  }

  .i66 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .ee52a4 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .i355c {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .i2a239a {
    padding: 6rem var(--spacing-xl);
  }

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

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

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

  .i355c {
    padding: 5rem var(--spacing-xl);
  }
}

@media (min-width: 1280px) {
  .ee52a4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.p7bbe1 main {
  width: 100%;
}

.p7bbe1 .m02da4 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.p7bbe1 .j39 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) var(--spacing-md);
}

.p7bbe1 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.p7bbe1 .p48 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  display: block;
}

.p7bbe1 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
  font-weight: 700;
}

.p7bbe1 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);
}

.p7bbe1 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.p7bbe1 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);
}

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

.p7bbe1 .p5ae9 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.p7bbe1 .p5ae9 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

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

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

.p7bbe1 .k8a6 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin: var(--spacing-md) 0;
  border-left: 4px solid var(--color-primary);
}

.p7bbe1 .k8a6 li {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.p7bbe1 .fc7d {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.p7bbe1 .fc7d li {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .p7bbe1 .j39 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .p7bbe1 .m02da4 {
    padding: 0 var(--spacing-lg);
  }

  .p7bbe1 .j39 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.p932a4 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.l3da755e {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .l3da755e {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .l3da755e {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

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

@media (min-width: 768px) {
  .m02da4 {
    padding: 0 var(--spacing-lg);
  }
}

.j39 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.f53b {
  text-align: center;
}

.m080d3 {
  margin: 0 auto var(--spacing-lg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  color: var(--color-success);
}

@media (min-width: 768px) {
  .m080d3 {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-xl);
  }
}

.m080d3 svg {
  width: 100%;
  height: 100%;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

@media (min-width: 768px) {
  h1 {
    margin-bottom: var(--spacing-lg);
  }
}

.ibf23b79 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1vw + 0.5rem, 1.2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
  font-weight: 600;
}

@media (min-width: 768px) {
  .ibf23b79 {
    margin-bottom: var(--spacing-lg);
  }
}

.h16efa {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .h16efa {
    margin-bottom: var(--spacing-xl);
  }
}

.h746a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin: var(--spacing-lg) 0;
  border: 1px solid var(--color-border-light);
}

@media (min-width: 768px) {
  .h746a {
    padding: var(--spacing-xl);
    margin: var(--spacing-xl) 0;
  }
}

.d0c674 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  text-align: left;
}

.ae11e {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.ae11e li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: var(--spacing-sm) 0;
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: var(--line-height-normal);
}

.ae11e li:before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: 700;
  font-size: 1.2em;
}

.b9f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .b9f {
    margin: var(--spacing-xl) 0;
  }
}

.f97 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  letter-spacing: var(--letter-spacing-normal);
  margin-top: var(--spacing-xl);
}

@media (min-width: 768px) {
  .f97 {
    margin-top: var(--spacing-2xl);
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

.c88 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

.c88:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .c88 {
    transition: none;
  }

  .c88:hover {
    transform: none;
  }

  .c88:active {
    transform: none;
  }
}

.h12495 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.abbd0b {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl);
  width: 100%;
  overflow: hidden;
}

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

.j39 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.if16a8e {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.p69 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.f38f6c {
  position: relative;
  width: 280px;
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m13 {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 800;
  font-family: var(--font-heading);
  color: var(--color-primary);
  letter-spacing: var(--letter-spacing-tight);
  line-height: 1;
  position: relative;
  z-index: 2;
  animation: float-gentle 6s ease-in-out infinite;
}

.o218 {
  position: absolute;
  width: 320px;
  height: 320px;
  border: 3px solid var(--color-primary-light);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: rotate-slow 20s linear infinite;
  z-index: 1;
}

.c30915fe {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  animation: slide-up 0.8s ease-out;
}

.ed6 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  margin: 0;
}

.c022 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  font-weight: 400;
}

.p306e1b {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  font-weight: 400;
}

.f97 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  border: 2px solid transparent;
  cursor: pointer;
}

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

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

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

.f2f85 {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  margin-top: var(--spacing-sm);
}

.h7f93a {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary-light);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-lg);
}

.fadaa {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-xs) 0;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

.p3aeb {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  font-style: italic;
}

@keyframes float-gentle {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes rotate-slow {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes slide-up {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 480px) {
  .abbd0b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .f38f6c {
    width: 320px;
    height: 320px;
  }

  .o218 {
    width: 360px;
    height: 360px;
  }
}

@media (min-width: 768px) {
  .abbd0b {
    padding: var(--spacing-4xl) var(--spacing-2xl);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

  .f38f6c {
    width: 360px;
    height: 360px;
  }

  .o218 {
    width: 400px;
    height: 400px;
  }

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

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

@media (min-width: 1024px) {
  .abbd0b {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }

  .f38f6c {
    width: 400px;
    height: 400px;
  }

  .o218 {
    width: 440px;
    height: 440px;
  }
}

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

.he35 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.dd2 {
  text-align: center;
}

.jaa {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.i1be91 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .he35 {
    padding: var(--spacing-4xl) 0;
  }
}

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

.mc579 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.nc8 {
  width: 100%;
}

.a896a272 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

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

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

@media (min-width: 768px) {
  .a896a272 {
    gap: var(--spacing-2xl);
  }

  .j84f {
    flex: 1 1 calc(50% - var(--spacing-lg));
  }

  .n964 {
    flex: 1 1 calc(50% - var(--spacing-lg));
  }
}

@media (min-width: 1024px) {
  .mc579 {
    padding: var(--spacing-4xl) 0;
  }

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

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

.j32 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

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

.o2a {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.ifeec {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.c10 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.lce2cf1,
.a456 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  line-height: var(--line-height-normal);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.lce2cf1::placeholder,
.a456::placeholder {
  color: var(--color-text-muted);
}

.lce2cf1:focus,
.a456:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.a456 {
  min-height: 140px;
  resize: vertical;
}

.o6978c {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
}

.nc4 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.ad04 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

.ad04:hover,
.ad04:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
  outline: none;
}

.k618 {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  letter-spacing: var(--letter-spacing-tight);
}

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

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

.k618:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-accent-light);
}

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

.g3e9d4e1 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

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

.pe7688 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.kef {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

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

.k733 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
  flex-shrink: 0;
}

.k184d5 {
  flex: 1;
  min-width: 0;
}

.c5d3e9 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: var(--line-height-tight);
}

.a38c3577 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
  line-height: var(--line-height-normal);
  word-break: break-all;
}

.a38c3577:hover,
.a38c3577:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
  outline: none;
}

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

.n5c8 {
  background-color: var(--color-primary-light);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-primary);
}

.e99e7 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.g8d35d {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-normal);
}

.he6d {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  font-weight: 700;
  transition: background-color var(--transition-base), transform var(--transition-base);
  letter-spacing: var(--letter-spacing-tight);
}

.he6d:hover,
.he6d:focus {
  background-color: var(--color-accent-hover);
  transform: translateY(-2px);
  outline: none;
}

.o3cf70a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.m28304 {
  width: 100%;
}

.ga91f7 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
  line-height: var(--line-height-tight);
}

.of492e9 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .of492e9 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .of492e9 {
    gap: var(--spacing-xl);
  }
}

.bb2586 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
}

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

.d9c0cc9 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-snug);
}

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

@media (min-width: 768px) {
  .mc579 {
    padding: var(--spacing-4xl) 0;
  }

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

@media (min-width: 1024px) {
  .o3cf70a {
    padding: 5rem 0;
  }
}
.k7329,.gb1b0{
  width: 34px;
}

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

.a338f1da{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .a338f1da{
    max-width: 100%;
  }
}

.a338f1da.n02c56{
  z-index: 999;
}

.bdb9{
  padding-top: 50px;
}

.k7329[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .o8c3c {
    aspect-ratio: 6 / 9;
  }
  .h51a9c {
    aspect-ratio: 6 / 9;
  }
}