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

:root {
  --color-bg-primary: #09090b;
  --color-bg-secondary: #18181b;
  --color-bg-tertiary: #27272a;
  --color-bg-card: #18181b;

  --color-text-primary: #fafafa;
  --color-text-secondary: #e4e4e7;
  --color-text-muted: #a1a1aa;

  --color-primary: #a1a1aa;
  --color-primary-hover: #71717a;
  --color-primary-light: #c9c9cf;
  --color-secondary: #d4d4d8;
  --color-secondary-light: #e8e8eb;

  --color-success: #10b981;
  --color-success-light: #6ee7b7;
  --color-warning: #f59e0b;
  --color-warning-light: #fcd34d;
  --color-danger: #ef4444;
  --color-danger-light: #fca5a5;

  --color-border: #3f3f46;
  --color-border-light: #27272a;

  --font-primary: 'Commissioner', sans-serif;
  --font-heading: 'Fraunces', 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-full: 9999px;

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

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

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;

  --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: 0em;
  --letter-spacing-wide: 0.025em;
}

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

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

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  font-weight: 400;
  overflow-x: hidden;
}

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

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

h1 {
  font-size: var(--font-size-6xl);
  font-weight: 700;
}

h2 {
  font-size: var(--font-size-5xl);
  font-weight: 700;
}

h3 {
  font-size: var(--font-size-4xl);
  font-weight: 600;
}

h4 {
  font-size: var(--font-size-3xl);
  font-weight: 600;
}

h5 {
  font-size: var(--font-size-2xl);
  font-weight: 600;
}

h6 {
  font-size: var(--font-size-xl);
  font-weight: 600;
}

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

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

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

button, input[type="button"], input[type="submit"] {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  cursor: pointer;
  border: none;
  border-radius: var(--radius-lg);
  padding: var(--spacing-md) var(--spacing-lg);
  transition: all var(--transition-fast);
}

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

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-primary);
  background: var(--color-bg-tertiary);
}

.o4729 {
  background: var(--color-primary);
  color: var(--color-bg-primary);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
}

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

.m0cd8 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  padding: var(--spacing-md) var(--spacing-xl);
}

.m0cd8:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-primary);
}

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

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

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

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

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

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

  h2 {
    font-size: var(--font-size-3xl);
  }

  h3 {
    font-size: var(--font-size-2xl);
  }

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

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

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

  h2 {
    font-size: var(--font-size-2xl);
  }

  h3 {
    font-size: var(--font-size-xl);
  }

  button, .o4729, .m0cd8 {
    width: 100%;
  }
}
.e84 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 1000;
  overflow: visible;
}

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

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

.n3ce1f:hover {
  opacity: 0.85;
}

.p8504f5 {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  object-fit: cover;
  flex-shrink: 0;
}

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

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

.l919844 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: var(--transition-base);
  white-space: nowrap;
}

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

.n75e8 {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-primary);
  color: var(--color-bg-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

.ia15d6b3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  gap: 0.4rem;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}

.ia15d6b3 span {
  display: block;
  width: 1.5rem;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 1px;
  transition: var(--transition-base);
}

.ia15d6b3.f54f6 span:nth-child(1) {
  transform: rotate(45deg) translateY(10px);
}

.ia15d6b3.f54f6 span:nth-child(2) {
  opacity: 0;
}

.ia15d6b3.f54f6 span:nth-child(3) {
  transform: rotate(-45deg) translateY(-10px);
}

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

.k70589.f54f6 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

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

.i08239 {
  padding: 1rem clamp(1rem, 3vw, 2rem);
  background: var(--color-primary);
  color: var(--color-bg-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: var(--transition-base);
}

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

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

  .n75e8 {
    display: block;
  }

  .ia15d6b3 {
    display: none;
  }

  .k70589 {
    display: none;
  }
}

@media (max-width: 1024px) {
  .l919844 {
    font-size: var(--font-size-xs);
  }

  .n75e8 {
    padding: 0.625rem 1.25rem;
    font-size: var(--font-size-xs);
  }
}

    

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

.j55 {
  background: var(--color-primary);
  color: #000000;
}

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

.c4ad {
  background: transparent;
  color: var(--color-secondary);
  border: 1.5px solid var(--color-secondary);
}

.c4ad:hover {
  background: var(--color-secondary);
  color: #000000;
}

.o8be4 {
  background: none;
  color: var(--color-primary);
  padding: 0.5rem 0;
  text-decoration: underline;
}

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

.m3bcef0 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
}

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

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

.cc6eb {
  font-size: clamp(2rem, 6vw + 1rem, 4rem);
  color: var(--color-text-primary);
  font-weight: 800;
  letter-spacing: -0.02em;
}

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

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

.dfcfc5 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  flex: 1 1 200px;
  max-width: 220px;
  text-align: center;
  transform: rotate(-2deg);
  transition: all 0.3s ease;
}

.dfcfc5:nth-child(even) {
  transform: rotate(2deg);
}

.dfcfc5:hover {
  transform: rotate(0deg) translateY(-4px);
  border-color: var(--color-primary);
  background: rgba(161, 161, 170, 0.05);
}

.j53 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-primary);
  margin-bottom: 0.75rem;
}

.f70 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

.m884ec {
  font-size: clamp(0.8rem, 1.5vw, 0.95rem);
  color: var(--color-text-muted);
}

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

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

.j1c280d0 {
  display: flex;
  flex-direction: column;
  gap: clamp(4rem, 10vw, 7rem);
}

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

.bf5 {
  flex-direction: row-reverse;
}

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

.fbef876f {
  flex: 1 1 45%;
  overflow: hidden;
  border-radius: 12px;
  max-height: 450px;
  min-height: 300px;
}

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

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

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

.hdc {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.05rem);
  color: var(--color-text-muted);
  line-height: 1.7;
}

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

  .bf5 {
    flex-direction: column;
  }

  .k2938 {
    flex: 1 1 100%;
  }

  .fbef876f {
    flex: 1 1 100%;
    max-height: 350px;
  }
}

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

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

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

.cab {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

.lf7a47 {
  flex: 1 1 280px;
  max-width: 380px;
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

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

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

.o747e95a {
  font-size: clamp(1.1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

.j83a9 {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

.l0c2 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

.m3f36e {
  flex: 1 1 200px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid rgba(161, 161, 170, 0.1);
  transition: all 0.3s ease;
}

.m3f36e:hover {
  border-color: var(--color-primary);
  transform: translateY(-4px);
  background: rgba(161, 161, 170, 0.05);
}

.cfd567 {
  font-size: 2.5rem;
  color: var(--color-primary);
}

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

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

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

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

.ga1 {
  text-align: center;
}

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

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

.ibfe5f {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-primary);
  font-style: italic;
  font-weight: 600;
  line-height: 1.7;
}

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

.l347b3eb {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

.aa5 {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

.fcb702 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

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

.l0e8:hover {
  border-color: var(--color-primary);
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
}

.eed3f8cb {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

.l0e8:hover .eed3f8cb img {
  transform: scale(1.05);
}

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

.c4b7 {
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.5;
}

.k1e6f142 {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  flex-grow: 1;
}

.o98f {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

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

.a95da30 {
  text-align: center;
}

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

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

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

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

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

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

.l61b1be {
  background: var(--color-bg-card);
  border: 2px solid var(--color-primary);
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: 12px;
  text-align: center;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.4);
}

.f12cd {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

.hd6 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.oa3a {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
  list-style: none;
  width: 100%;
  max-width: 900px;
}

.o799a2 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: clamp(1rem, 1.5vw, 1.25rem);
  background: var(--color-bg-tertiary);
  border-radius: 8px;
  transition: all 0.3s ease;
}

.o799a2:hover {
  background: rgba(161, 161, 170, 0.1);
  transform: translateX(4px);
}

.o799a2 i {
  font-size: 1.5rem;
  color: var(--color-primary);
  flex-shrink: 0;
}

.l9d {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  transition: color 0.3s ease;
}

.o799a2:hover .l9d {
  color: var(--color-primary);
}

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

.fa8e07d6 {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

.ke940 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

.f9a0d {
  background: var(--color-bg-card);
  border: 1px solid rgba(161, 161, 170, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

.c14 {
  padding: clamp(1.25rem, 2vw, 1.75rem);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  background: var(--color-bg-card);
  transition: all 0.3s ease;
  user-select: none;
}

.c14:hover {
  background: rgba(161, 161, 170, 0.05);
}

.f9a0d[open] .c14 {
  background: rgba(161, 161, 170, 0.1);
  color: var(--color-primary);
}

.c14::after {
  content: '▼';
  font-size: 0.75rem;
  color: var(--color-primary);
  transition: transform 0.3s ease;
}

.f9a0d[open] .c14::after {
  transform: rotate(-180deg);
}

.h1424b95 {
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(161, 161, 170, 0.1);
}

.h1424b95 p {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

.i3f5415.a62773 {
  display: none;
}

.k05e0 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  max-width: 600px;
  text-align: center;
  margin: 0;
}

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

.n461355,
.kf6b4a {
  padding: 0.625rem 1.25rem;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  border: none;
  transition: all 0.3s ease;
}

.n461355 {
  background: var(--color-primary);
  color: #000000;
}

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

.kf6b4a {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-text-muted);
}

.kf6b4a:hover {
  border-color: var(--color-text-secondary);
  color: var(--color-text-primary);
}

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

  .dfcfc5 {
    flex: 1 1 160px;
    max-width: 180px;
  }

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

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

  .k05e0 {
    width: 100%;
  }

  .hcc27 {
    width: 100%;
    justify-content: center;
  }
}

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

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

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

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

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

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

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

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

.de486 {
  display: block;
}

.de486 h3,
.aa44 h3,
.g67 h3,
.kb49 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: var(--letter-spacing-tight);
}

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

.aa44,
.g67,
.kb49 {
  display: block;
}

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

.p81 li,
.o0e4 li {
  display: inline-block;
}

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

.aa44 a:hover,
.kb49 a:hover {
  color: var(--color-text-primary);
}

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

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

.ja483f p {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  line-height: var(--line-height-normal);
  margin: 0;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .de486 {
    flex: 1 1 100%;
    max-width: 550px;
  }

  .aa44,
  .g67,
  .kb49 {
    flex: 1 1 200px;
  }

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

@media (min-width: 1024px) {
  .de486 {
    flex: 0 1 280px;
  }

  .aa44,
  .g67,
  .kb49 {
    flex: 0 1 180px;
  }
}
    

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

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

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

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

.gd90c419 {
  flex: 1 1 45%;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 1.5rem);
}

.i62f6ae9 {
  flex: 1 1 45%;
  min-width: 300px;
  height: 100%;
}

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

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

.o191d7 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.d83163 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

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

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

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

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

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

.m80 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 320px;
  max-width: 600px;
}

.jc8f {
  flex: 1 1 calc(25% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  max-width: 400px;
}

.e785d {
  flex: 1 1 calc(100% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 300px;
  max-width: 100%;
}

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

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

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

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

.lfe {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 3vw, 1.5rem);
  flex-wrap: wrap;
  font-size: clamp(0.75rem, 1.25vw + 0.4rem, 0.875rem);
  color: var(--color-text-muted);
}

.a91c1,
.bf9fa86,
.a057065 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--color-text-muted);
}

.a91c1 i,
.bf9fa86 i,
.a057065 i {
  color: var(--color-primary);
}

.m6c4792a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  transition: all var(--transition-base);
  align-self: flex-start;
  display: inline-block;
}

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

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

  .gd90c419,
  .i62f6ae9 {
    flex: 1 1 100%;
  }

  .cc3dd {
    max-height: 350px;
  }

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

  .jc8f {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }

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

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

  .ded329df {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .caf9 {
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .cc3dd {
    max-height: 280px;
  }

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

  .m80,
  .jc8f,
  .e785d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .a91b0 {
    padding: clamp(1rem, 2vw, 1.5rem);
    gap: clamp(0.5rem, 1.5vw, 1rem);
  }

  .lfe {
    gap: clamp(0.75rem, 2vw, 1rem);
    font-size: clamp(0.7rem, 1vw + 0.3rem, 0.8rem);
  }
}

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

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

html {
  scroll-behavior: smooth;
}

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

.e3330 {
  display: block;
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

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

.af2df6e {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
}

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

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

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

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

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

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

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

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

.f25d,
.a6a,
.d61e36e {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
}

.f25d i,
.a6a i,
.d61e36e i {
  color: var(--color-accent);
  font-size: 1rem;
}

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

.h873a2 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 1rem);
  display: block;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

  .b5ff,
  .c05 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ca9ae3 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
}

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

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

.o0d4ccb1 {
  flex-shrink: 0;
}

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

.d6113ba {
  flex: 1;
}

.d0f9c24a {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  font-family: 'Fraunces', serif;
  font-weight: 700;
}

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

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

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

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

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

  .d6113ba {
    text-align: center;
  }
}

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

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

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

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

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

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

.ib9 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 1rem);
  display: block;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

  .a9f,
  .ed1b88e6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.b26 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 1rem);
  display: block;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

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

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

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

.p0e37a1a {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-left: 3px solid var(--color-accent);
  border-radius: var(--radius-md, 0.5rem);
  transition: all 0.3s ease;
}

.p0e37a1a:hover {
  background: var(--color-bg-card);
  transform: translateX(4px);
}

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

.p0e37a1a h3 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

  .i515aa5,
  .n24a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.m6565ea {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md, 0.5rem);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

.m6565ea:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
}

.o9934 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-bg-primary);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  margin-top: 2px;
}

.j3b02a9 {
  flex: 1;
}

.j3b02a9 strong {
  color: var(--color-text-primary);
  display: block;
  margin-bottom: 0.25rem;
  font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
}

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

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

.mbcb229 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 1rem);
  display: block;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

  .lf7,
  .o36e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.p8c9 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 1rem);
  display: block;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

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

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

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

.n72 {
  padding: clamp(1.25rem, 2vw, 2rem);
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md, 0.5rem);
  transition: all 0.3s ease;
}

.n72:hover {
  background: var(--color-bg-card);
  border-left-color: var(--color-secondary);
}

.j01b8a {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 700;
  font-family: 'Fraunces', serif;
}

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

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

  .gb8ef3e,
  .b3c79aaf {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.p66 {
  flex: 1;
}

.mb94 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 700;
  font-family: 'Fraunces', serif;
}

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

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

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

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

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

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

.j916f3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-bg-primary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md, 0.5rem);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
}

.j916f3:hover {
  background: var(--color-accent-hover);
  color: var(--color-text-primary);
}

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

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

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

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

.n37 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg, 1rem);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.n37:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

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

.n37:hover .n7174b5 {
  transform: scale(1.05);
}

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

.h9419 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
  font-family: 'Fraunces', serif;
  line-height: 1.3;
}

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

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

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

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

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

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

  .ga6d4c,
  .c344b466,
  .a40eea53,
  .o68ef523,
  .jbc099 {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }
}

@media (max-width: 480px) {
  .ca9ae3 {
    gap: 0.5rem;
  }

  .ha40 {
    gap: 1rem;
  }

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

* {
  box-sizing: border-box;
}

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

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

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

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

.m60f a,
.m60f span {
  color: var(--color-text-secondary);
}

.m60f a {
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

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

  .b64f0,
  .c905 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.b975d {
  flex: 0 0 auto;
  width: 120px;
  height: 120px;
}

.j95 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.h3b {
  flex: 1 1 auto;
}

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

.i483b3 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 0.25rem 0;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .p00934,
  .eb43 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.f75ac {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

.f75ac:hover {
  border-left-color: var(--color-accent-hover);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.1);
}

.c364 {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  margin-bottom: 1rem;
}

.c3b51f38 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  font-weight: 700;
}

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

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

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

.e25e8 li {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

  .o457a8aa,
  .c648f3b5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.g4aa44 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
}

.g4aa44:hover {
  border-color: var(--color-accent);
  background: rgba(16, 185, 129, 0.05);
}

.i3953932 {
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: #000;
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  margin-bottom: 1rem;
}

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

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

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

  .pe65e843,
  .kee {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }
}

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

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

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

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

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

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

.e75aad9:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(16, 185, 129, 0.1);
}

.o6d8 {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--color-accent);
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
}

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

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

.nceb12f {
  width: 100%;
  margin-top: clamp(2rem, 3vw, 3rem);
}

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

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

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

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

.k0b85b29 {
  background: rgba(16, 185, 129, 0.08);
  border: 1px solid var(--color-accent);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 2vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  max-width: 100%;
}

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

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

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

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

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

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

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

.gefbc {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: clamp(1.5rem, 2vw, 2rem);
}

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

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

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

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

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

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

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

.df24518 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.k8599bb {
  width: 100%;
  height: 250px;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
}

.k8599bb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.3s ease;
}

.df24518:hover .k8599bb img {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

html, body {
  width: 100%;
}

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

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

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

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

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

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

.bac4 a:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}

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

.bac4 span:last-child {
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

.m82a00 i {
  color: var(--color-primary);
}

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

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

  .d516fad1,
  .ee1 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.cdc2 {
  flex-shrink: 0;
}

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

.d59d5 {
  flex: 1;
}

.if55001c {
  font-size: 0.75rem;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

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

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

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

.e692 {
  font-size: 0.875rem;
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

  .d5c178a,
  .j1d84 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.o16925 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

.d15 {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  text-align: center;
}

.d15 i {
  font-size: 1.75rem;
  color: var(--color-primary);
  margin-bottom: 0.5rem;
  display: block;
}

.d15 h4 {
  font-size: 0.9rem;
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.d15 p {
  font-size: 0.8rem;
  color: var(--color-text-muted);
  line-height: 1.4;
}

.hed {
  background: rgba(161, 161, 170, 0.1);
  border-left: 3px solid var(--color-primary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  font-size: 0.9rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

  .c22a57db,
  .a35cc9d6 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

.p7f482 p {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

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

  .jd8c,
  .j1eb3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.b6f8371 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.g21c {
  background: var(--color-bg-tertiary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  text-align: center;
  transition: var(--transition-base);
}

.g21c:hover {
  background: var(--color-bg-card);
  border-color: var(--color-primary);
}

.g21c i {
  font-size: 1.75rem;
  color: var(--color-primary);
  margin-bottom: 0.5rem;
  display: block;
}

.g21c h4 {
  font-size: 0.9rem;
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.g21c p {
  font-size: 0.8rem;
  color: var(--color-text-muted);
  line-height: 1.4;
}

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

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

  .c2b,
  .h8f {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

.d6f9ac88 {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: var(--color-primary);
  color: var(--color-bg-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
}

.n802 h4 {
  font-size: 0.95rem;
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.n802 p {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.5;
}

.l15 {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid var(--color-danger);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  font-size: 0.9rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

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

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

  .j4804,
  .e568207 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d6f9ac88 {
    width: 36px;
    height: 36px;
    font-size: 0.9rem;
  }
}

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

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

.ie3 {
  flex-shrink: 0;
  font-size: 1.75rem;
  color: var(--color-warning);
}

.l906120 {
  flex: 1;
}

.m2a086f8 {
  font-size: 1rem;
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.ge8b547 {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

  .ie3 {
    font-size: 1.5rem;
  }
}

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

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

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

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

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

.e48a3 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-primary);
  color: var(--color-bg-primary);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
  cursor: pointer;
}

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

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

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

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

.h42 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-muted);
  line-height: 1.6;
}

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

.gb22a {
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

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

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

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

.gb22a:hover .ff9ab7a img {
  transform: scale(1.05);
}

.c4bc {
  padding: clamp(1.5rem, 2vw, 2rem);
}

.j4856e7 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 0.75rem;
  line-height: 1.3;
}

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

.o48e35 {
  display: inline-block;
  color: var(--color-primary);
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 600;
  transition: var(--transition-base);
}

.o48e35:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}

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

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

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

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

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

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

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

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

.ec3f2 {
  width: 100%;
}

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

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

.g7496d a {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

.g7496d a:hover {
  color: var(--color-secondary);
}

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

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

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

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

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

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

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

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

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

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

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

  .f74f0,
  .h50 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.k3b014 {
  flex-shrink: 0;
}

.n3c2ef {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
  border: 2px solid var(--color-accent);
}

.mfc {
  flex: 1;
}

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

.j9d a {
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}

.j9d a:hover {
  color: var(--color-secondary);
}

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

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

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

  .k3b014 {
    flex-shrink: 0;
  }
}

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

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

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

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

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

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

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

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

  .ffb,
  .l7fb {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .c8eea,
  .jc974d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.i7de69 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
}

.f1de5 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-warning-light);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

  .da92,
  .a7dcca4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.j5a {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
  line-height: var(--line-height-snug);
  font-weight: 600;
}

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

.c85 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

.ie9 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

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

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

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

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

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

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

.p871cd {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: var(--line-height-snug);
  font-weight: 600;
}

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

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

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

.m4580 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
  line-height: var(--line-height-snug);
  font-weight: 600;
}

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

.b59b {
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 300px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.i073 {
  width: 100%;
  height: 250px;
  overflow: hidden;
}

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

.b59b:hover .i073 img {
  transform: scale(1.05);
}

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

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

.o9a6 a {
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}

.o9a6 a:hover {
  color: var(--color-secondary);
}

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

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

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

  .i073 {
    height: 200px;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

.ha31bf2 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2rem);
  background: var(--color-accent);
  color: var(--color-bg-primary);
  border-radius: 4px;
  font-weight: 600;
  transition: all 0.3s ease;
  text-align: center;
}

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

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

.m0cd8:hover {
  background: var(--color-text-secondary);
}

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

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

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

.b5f7 {
  text-align: center;
  max-width: 800px;
}

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

.f4ee1 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 400;
  line-height: 1.7;
}

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

@media (max-width: 768px) {
  .g4b576 {
    max-height: 300px;
  }
}

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

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

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

.laedcc {
  display: inline-block;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

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

.cf4 {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

.i5da13 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid var(--color-accent);
  border-radius: 4px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.i5da13:hover {
  transform: translateX(4px);
  box-shadow: 0 4px 12px rgba(161, 161, 170, 0.1);
}

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

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

.i257574 {
  background: #f5f5f5;
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

.n4f8c4 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: #1a1a1a;
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.j6e {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: #4a4a4a;
  line-height: 1.8;
}

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

.laa9f {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  background: #ffffff;
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.laa9f:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  border-color: var(--color-accent);
}

.o047 {
  width: 50px;
  height: 50px;
  background: var(--color-bg-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  font-size: 1.5rem;
}

.c95e5 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: #1a1a1a;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.ge8e5bcf {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: #5a5a5a;
  line-height: 1.7;
}

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

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

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

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

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

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

.oe36b6bf {
  display: inline-block;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.n8530e {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1rem;
}

.af384 {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1rem;
}

.j5ad {
  flex: 1 1 45%;
  min-width: 250px;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
  min-height: 300px;
  max-height: 450px;
}

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

  .k50aa9,
  .j5ad {
    flex: 1 1 100%;
  }

  .j5ad {
    min-height: 250px;
  }
}

.i4a85cb {
  background: #f5f5f5;
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

.c8c71 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: #1a1a1a;
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.n75778 {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: #4a4a4a;
  line-height: 1.8;
}

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

.d7b {
  background: #ffffff;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-left: 5px solid var(--color-accent);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.d7b:hover {
  transform: translateX(4px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

.mf41 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: #1a1a1a;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.cb7333 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: #5a5a5a;
  line-height: 1.7;
}

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

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

.e44 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.i0ad3abb {
  font-size: clamp(0.8rem, 1.3vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

  .mf0 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

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

  .laa9f {
    flex: 1 1 calc(25% - 1.2rem);
  }

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

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

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

.k6b6e0d {
  width: 100%;
}

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

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

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

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

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

.la52b {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 700;
}

.h47a1 {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.iee2be4 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

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

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

.i9a {
  flex: 1 1 45%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.fe853973 {
  width: 100%;
  height: auto;
  max-width: 350px;
  max-height: 450px;
  object-fit: cover;
  border-radius: 0.5rem;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

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

  .h51 {
    flex: 1 1 100%;
  }

  .i9a {
    flex: 1 1 100%;
    justify-content: center;
  }

  .fe853973 {
    max-width: 280px;
    max-height: 360px;
  }
}

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

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

.gb7 {
  text-align: center;
}

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

.pe2bac5 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-bg-primary);
  font-weight: 700;
  line-height: 1.2;
}

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

.k9957f1f {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-bg-primary);
  line-height: 1.8;
}

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

.ma57a4da {
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

.m0c {
  text-align: center;
}

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

.ga047ae {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

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

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

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

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

.aa69b:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(161, 161, 170, 0.1);
}

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

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

.k18108 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: 0;
}

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

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

.c225d {
  text-align: center;
}

.kb0b8 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-bg-primary);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
}

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

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

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

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

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

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

.kf86f0d3 {
  text-align: center;
}

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

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

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

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

.o47 {
  font-size: clamp(1.15rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 1rem 0;
}

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

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

.m8bfa {
  font-size: clamp(1rem, 1.2vw, 1.15rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.eb64 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-accent);
  margin: 0;
}

.ne27 {
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
}

.jfb46ada {
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.a77a {
  font-size: clamp(1.15rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 1.5rem;
}

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

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

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

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

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

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

.g8af8 {
  text-align: center;
}

.o30 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-bg-primary);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
}

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

.nc5e {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-primary);
  padding: clamp(1.75rem, 3vw, 2.25rem);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

.ldf314e7 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.6;
  margin: 0;
}

.i05e3a {
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-accent);
  margin-top: 1rem;
  font-weight: 600;
}

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

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

.ab5 {
  text-align: center;
}

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

.naf1dad7 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

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

.b0fe0 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 260px;
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.25rem);
  border-radius: 0.5rem;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

.b0fe0:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(161, 161, 170, 0.1);
}

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

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

.h3cf {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: 0;
  flex-grow: 1;
}

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

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

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

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

.i49676 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-bg-primary);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.j2c6986 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-bg-primary);
  line-height: 1.6;
  margin: 0;
}

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

.m5a932,
.b7182c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.85rem, 1.5vw, 1.1rem) clamp(1.5rem, 3vw, 2.25rem);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  border-radius: 0.375rem;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

.m5a932 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-bg-primary);
}

.m5a932:hover {
  background: var(--color-accent);
  color: var(--color-bg-primary);
  border-color: var(--color-accent);
}

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

.b7182c:hover {
  background: var(--color-bg-primary);
  color: var(--color-accent);
  border-color: var(--color-bg-primary);
}

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

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

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

.la3feb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 500;
  transition: all 0.3s ease;
  width: fit-content;
  margin: 0 auto;
}

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

@media (min-width: 768px) and (max-width: 1024px) {
  .f972 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .i9a {
    justify-content: center;
  }

  .fe853973 {
    max-width: 300px;
    max-height: 400px;
  }
}

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

.hed766 {
  background-color: var(--color-bg-secondary);
  padding: 4rem 1.5rem;
  overflow: hidden;
}

.h484 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.f2466 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-normal);
}

.k9f4f8 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.i84557 {
  padding: 4rem 1.5rem;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.fea0f0e3 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.c96a2 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

.a82 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}

.c96a2:hover .a82 img {
  transform: scale(1.05);
}

.f95d {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.hc5c1 {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
  flex-wrap: wrap;
}

.mbd01 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  padding: 0.375rem var(--spacing-sm);
  border-radius: var(--radius-full);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

.m820c {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.p2677888 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.lf9da7f {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.ha76f {
  display: inline-block;
  background-color: var(--color-primary);
  color: #ffffff;
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: 2px solid var(--color-primary);
  width: fit-content;
  cursor: pointer;
}

.ha76f:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateX(2px);
}

.ha76f:active {
  transform: translateX(0);
}

.o262 {
  background-color: var(--color-bg-secondary);
  padding: 4rem 1.5rem;
  overflow: hidden;
}

.k91a7 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.ce8 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

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

.p3b29c {
  display: inline-block;
  background-color: var(--color-primary);
  color: #ffffff;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  padding: 1rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  box-shadow: var(--shadow-sm);
}

.p3b29c:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 640px) {
  .hed766 {
    padding: 5rem 2rem;
  }

  .i84557 {
    padding: 5rem 2rem;
  }

  .fea0f0e3 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .o262 {
    padding: 5rem 2rem;
  }
}

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

  .i84557 {
    padding: 6rem 3rem;
  }

  .fea0f0e3 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .c96a2 {
    flex-direction: column;
  }

  .a82 {
    height: 280px;
  }

  .o262 {
    padding: 6rem 3rem;
  }
}

@media (min-width: 1440px) {
  .fea0f0e3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .a82 {
    height: 320px;
  }
}

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

.da59794 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.pa3e1fc {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.id0cb0b {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

.nf0eaf {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .da59794 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .da59794 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.gfa6 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.i630c {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
}

.fea84 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
}

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

.a243 {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: background-color var(--transition-fast);
}

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

.adca2d {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: left;
  line-height: var(--line-height-snug);
}

.h53209 {
  font-size: 1.5rem;
  color: var(--color-primary);
  font-weight: 300;
  flex-shrink: 0;
  transition: transform var(--transition-fast);
}

.a243.f54f6 .h53209 {
  transform: rotate(45deg);
}

.lffba9f6 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  background-color: var(--color-bg-tertiary);
}

.lffba9f6.f54f6 {
  max-height: 500px;
}

.lffba9f6 p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  padding: var(--spacing-lg);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .gfa6 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .gfa6 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .i630c {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

.p6e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.fe6f {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
}

.j7eab83 {
  width: 100%;
  height: 250px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background-color: var(--color-bg-tertiary);
}

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

@media (min-width: 768px) {
  .p6e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .fe6f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }

  .j7eab83 {
    height: 300px;
  }
}

@media (min-width: 1024px) {
  .p6e {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .fe6f {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl);
  }

  .j7eab83 {
    height: 320px;
  }
}

.aad526be {
  background-color: var(--color-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.i3b51d4 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.pa85 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: #ffffff;
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

.m26e52 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw, 1rem);
  color: rgba(255, 255, 255, 0.9);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.o3aa {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: #ffffff;
  color: var(--color-primary);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid #ffffff;
}

.o3aa:hover {
  background-color: transparent;
  color: #ffffff;
}

@media (min-width: 768px) {
  .aad526be {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .aad526be {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.l16 .p3fa87b {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.l16 .p15c {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.l16 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
  letter-spacing: var(--letter-spacing-tight);
}

.l16 .e7d12da {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.l16 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
  letter-spacing: var(--letter-spacing-tight);
}

.l16 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);
}

.l16 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.l16 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);
  list-style-type: disc;
}

.l16 .o6f5157d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.l16 .o6f5157d h2 {
  color: var(--color-primary);
  margin-top: 0;
}

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

.l16 .o6f5157d strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

@media (min-width: 768px) {
  .l16 .p15c {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .l16 .p15c {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.g11c6dac {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.k02 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.p3fa87b {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.maa {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xl);
}

.k026b {
  width: clamp(3rem, 15vw, 5rem);
  height: clamp(3rem, 15vw, 5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  animation: iconPulse 0.6s ease-out;
}

.k026b svg {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  stroke-width: 1.5;
}

@keyframes iconPulse {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
  margin: 0;
  animation: slideInDown 0.6s ease-out 0.1s both;
}

@keyframes slideInDown {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.o4d48440 {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-snug);
  animation: fadeInUp 0.6s ease-out 0.2s both;
}

@keyframes fadeInUp {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.ee6f3f {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  animation: fadeInUp 0.6s ease-out 0.3s both;
}

.e5544 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  animation: fadeInUp 0.6s ease-out 0.4s both;
}

.l97 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary);
  color: #ffffff;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  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: 2px solid var(--color-primary);
  margin-top: var(--spacing-md);
  animation: fadeInUp 0.6s ease-out 0.5s both;
  box-shadow: var(--shadow-md);
  letter-spacing: var(--letter-spacing-normal);
}

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

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

@media (min-width: 768px) {
  .k02 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  
  .maa {
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .k02 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
  
  .maa {
    gap: var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .k026b,
  h1,
  .o4d48440,
  .ee6f3f,
  .e5544,
  .l97 {
    animation: none;
  }
  
  .l97:hover {
    transform: none;
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

.kdbf0 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
}

.oeea1 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
  overflow: hidden;
}

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

.p15c {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.kaec4a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-xl);
  animation: fadeIn 0.8s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.g1118 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.kd32 {
  position: relative;
  width: fit-content;
}

.c384704 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 900;
  letter-spacing: var(--letter-spacing-tight);
  color: var(--color-primary);
  line-height: var(--line-height-tight);
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  display: block;
  animation: slideDown 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.pe68 {
  position: absolute;
  width: 120%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--color-primary), transparent);
  top: 50%;
  left: -10%;
  transform: translateY(-50%);
  animation: expandWidth 1s ease-out 0.2s both;
}

@keyframes expandWidth {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: 120%;
    opacity: 1;
  }
}

.ld436a {
  animation: slideUp 0.8s ease-out 0.2s both;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.b47dc94 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-snug);
}

.l9ec {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-relaxed);
}

.k2872d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.aea351ce {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
  text-align: left;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.f24 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  display: block;
}

.l5fb {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.l5fb li {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: var(--line-height-normal);
}

.l5fb li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
  font-size: 1.2em;
}

.ofa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: white;
  text-decoration: none;
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-normal);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  cursor: pointer;
  border: none;
  white-space: nowrap;
  animation: bounceIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s both;
}

@keyframes bounceIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

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

.o83beb {
  display: inline;
}

.f620e {
  display: inline-block;
  transition: transform var(--transition-fast);
  font-size: 1.2em;
}

.ofa:hover .f620e {
  transform: translateX(4px);
}

@media (min-width: 768px) {
  .oeea1 {
    padding: var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .oeea1 {
    padding: var(--spacing-2xl);
  }

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

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

  .ofa {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: 1.1rem;
  }
}

@media (max-width: 480px) {
  .c384704 {
    font-size: clamp(3rem, 10vw, 5rem);
  }

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

  .aea351ce {
    padding: var(--spacing-md);
    border-left-width: 3px;
  }

  .l5fb li {
    padding-left: var(--spacing-md);
  }

  .ofa {
    width: 100%;
    padding: var(--spacing-md) var(--spacing-lg);
  }
}

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

.cd3 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.mb6b50 {
  text-align: center;
}

.p3fdc2 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-tight);
}

.g5b {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.jfb90dd {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
}

.h5157 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

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

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

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

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

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

.jf34f9 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-sm);
}

.mb8 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.c15 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.h94 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.o2ac0 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.l4488,
.p0c92a3 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
  box-sizing: border-box;
}

.l4488::placeholder,
.p0c92a3::placeholder {
  color: var(--color-text-muted);
}

.l4488:focus,
.p0c92a3:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-light), 0.1);
}

.p0c92a3 {
  min-height: 150px;
  resize: vertical;
  font-family: var(--font-primary);
}

.l77cd6 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
}

.idda7 {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  cursor: pointer;
  flex-shrink: 0;
  accent-color: var(--color-primary);
}

.h7123 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  cursor: pointer;
  line-height: var(--line-height-normal);
}

.j7e {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.k2ad {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-bg-primary);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 700;
  cursor: pointer;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

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

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

.k2ad:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

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

.hf3 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-sm);
}

.hf0 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.p9977bd8 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}

.k140c56 {
  display: flex;
  gap: var(--spacing-lg);
}

.e1286d01 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  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;
}

.p42f5 {
  flex: 1;
}

.k3a1 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-xs);
}

.fef9f71a {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-xs);
}

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

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

.h24aa0 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: 0;
}

.k7c2dda {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  margin-bottom: var(--spacing-2xl);
}

.lda4d2 {
  font-family: var(--font-heading);
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-lg);
}

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

.kb5191 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-sm) 0;
  border-bottom: 1px solid var(--color-border-light);
}

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

.f897e {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  color: var(--color-text-primary);
}

.m902 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
}

.m476ef {
  background-color: var(--color-primary-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  text-align: center;
}

.i6d4a894 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-md);
}

.l2a476 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-bg-primary);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 700;
  text-decoration: none;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

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

.e0bc {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.dcd22f70 {
  text-align: center;
}

.f31a {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-sm);
}

.m06e3 {
  font-family: var(--font-primary);
  font-size: var(--font-size-lg);
  color: var(--color-text-secondary);
  margin: 0;
  margin-bottom: var(--spacing-3xl);
}

.j4179ca {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

@media (min-width: 768px) {
  .j4179ca {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .j4179ca {
    grid-template-columns: repeat(3, 1fr);
  }
}

.i5fbb6b {
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

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

.gfc2a5f {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.ae486 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.hf2ab {
  text-align: center;
}

.b6148 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0;
  margin-bottom: var(--spacing-md);
}

.ea394cc {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-bg-primary);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 700;
  text-decoration: none;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

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

@media (max-width: 1023px) {
  .cd3 {
    padding: var(--spacing-3xl) 0;
  }

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

  .ee8093,
  .kf0e {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

  .k2ad {
    padding: var(--spacing-md) var(--spacing-lg);
    font-size: var(--font-size-sm);
  }

  .l2a476,
  .ea394cc {
    padding: var(--spacing-sm) var(--spacing-lg);
    font-size: var(--font-size-xs);
  }
}
.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;
}

@media (max-width: 768px) {
  .m99b0 {
    aspect-ratio: 6 / 9;
  }
}

a{
  color: #fff !important;
}