@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;500;600;700&family=Source+Serif+4:wght@400;500;600;700&display=swap');

:root {
  --color-bg-primary: #042f2e;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #064e4a;
  --color-bg-card: #ffffff;

  --color-text-primary: #2da79f;
  --color-text-secondary: #838383;
  --color-text-muted: #949494;

  --color-primary: #0d9488;
  --color-primary-hover: #0f766e;
  --color-primary-light: #ccf7f1;
  --color-secondary: #14b8a6;
  --color-secondary-light: #d1f5f0;

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

  --color-border: #d1d5db;
  --color-border-light: #f3f4f6;

  --font-primary: 'Source Serif 4', serif;
  --font-heading: 'Merriweather', serif;

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

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

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 350ms ease-in-out;

  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  --line-height-loose: 2;

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

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

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

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

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

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

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

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

h4 {
  font-size: 1.5rem;
  letter-spacing: 0;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

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

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

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

button, .g1358 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

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

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

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

.af16c3:hover {
  background: #0d9488;
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

section.k63641 {
  background: var(--color-bg-primary);
  color: #ffffff;
}

section.k63641 h1,
section.k63641 h2,
section.k63641 h3,
section.k63641 h4,
section.k63641 h5,
section.k63641 h6 {
  color: #ffffff;
}

section.k63641 p,
section.k63641 li {
  color: #e0e7ff;
}

section.k63641 a {
  color: var(--color-secondary);
}

section.k63641 a:hover {
  color: #ffffff;
}

section.k329 {
  background: var(--color-bg-tertiary);
  color: #ffffff;
}

section.k329 h1,
section.k329 h2,
section.k329 h3,
section.k329 h4,
section.k329 h5,
section.k329 h6 {
  color: #ffffff;
}

section.k329 p,
section.k329 li {
  color: #d0f0ed;
}

section.k329 a {
  color: var(--color-secondary-light);
}

section.k329 a:hover {
  color: #ffffff;
}

section.f3d1e7b1 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
}

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

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

.a4a4 {
  background: var(--color-bg-primary);
  color: #ffffff;
  border-radius: var(--radius-xl);
  padding: var(--spacing-2xl);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.a4a4 h3,
.a4a4 h4 {
  color: #ffffff;
}

.a4a4 p {
  color: #e0e7ff;
}

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

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

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

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

.f1f88325 {
  display: flex;
  gap: var(--spacing-lg);
}

.g690e {
  display: flex;
  align-items: center;
  justify-content: center;
}

.id32 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ja7 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.a2afa4 {
  text-align: center;
}

.j1a {
  text-align: right;
}

.o20c {
  text-align: left;
}

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

.le3895b8 {
  font-size: 0.875rem;
}

.l6b4 {
  font-size: 1.25rem;
}

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

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

.i2a28964 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.e656 {
  background: #dcfce7;
  color: var(--color-success);
}

.abb676 {
  background: #fef3c7;
  color: var(--color-warning);
}

.gb07c {
  background: #fee2e2;
  color: var(--color-danger);
}

.l89e6 {
  list-style: none;
  padding: 0;
}

.l89e6 li {
  padding-left: var(--spacing-lg);
  position: relative;
  margin-bottom: var(--spacing-md);
}

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

.e9c li::before {
  content: '';
  color: var(--color-secondary);
}

.oa6403f {
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-2xl) 0;
}

.f2e3 {
  background: var(--color-border-light);
}

.m7b {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}

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

.m7b p {
  font-size: 1.25rem;
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}

.ffe {
  width: 3rem;
  height: 3rem;
  background: var(--color-primary-light);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin-bottom: var(--spacing-md);
}

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

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

.n0500d {
  color: var(--color-primary);
  font-weight: 700;
}

.f61d1 {
  background: var(--color-primary-light);
  padding: 0 var(--spacing-xs);
  border-radius: var(--radius-sm);
  color: var(--color-primary);
  font-weight: 600;
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .l5eedd,
  .b93,
  .c1b8 {
    grid-template-columns: 1fr;
  }

  .f1f88325 {
    flex-direction: column;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  button, .g1358 {
    width: 100%;
  }

  section {
    padding: var(--spacing-2xl) 0;
  }
}
.l5752a6 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
}

.p4dcd {
  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: clamp(4rem, 10vw, 5rem);
  gap: clamp(1rem, 2vw, 2rem);
}

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

.cacd2:hover {
  opacity: 0.85;
}

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

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

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

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

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

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

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

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

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

.g75d9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

.icf73c8 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 24px;
  height: 18px;
}

.icf73c8::before,
.icf73c8::after,
.icf73c8 {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-base);
}

.g75d9:hover .icf73c8::before {
  background: var(--color-accent);
}

.g75d9:hover .icf73c8::after {
  background: var(--color-accent);
}

.g75d9:hover .icf73c8 {
  background: var(--color-accent);
}

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

.ab0a.d8c421 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.g86d413 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
  min-height: clamp(4rem, 10vw, 5rem);
}

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .g75d9 {
    display: none;
  }

  .ab0a {
    display: none;
  }

  .p836f9 {
    display: flex;
  }

  .k8272d3b {
    display: inline-block;
  }

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

@media (min-width: 1024px) {
  .p836f9 {
    gap: clamp(2rem, 2.5vw, 3rem);
  }

  .p4dcd {
    height: clamp(5rem, 8vw, 5.5rem);
  }
}

    .lfb706 {
  width: 100%;
  overflow-x: hidden;
}

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

.lfb706 section {
  overflow: hidden;
}

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

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

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

.d9d739d {
  position: relative;
  width: 100%;
  max-width: 600px;
  background: var(--color-bg-primary);
  border-radius: var(--radius-2xl);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  box-shadow: var(--shadow-xl);
  transform: perspective(1200px) rotateY(-2deg);
  transition: transform var(--transition-base);
}

.d9d739d:hover {
  transform: perspective(1200px) rotateY(0deg) translateY(-4px);
}

.j7a9018a {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
  margin-bottom: clamp(1rem, 3vw, 1.5rem);
}

.jf94 {
  padding: 0;
}

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

.b0c52e {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: var(--line-height-relaxed);
}

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

.j0d,
.k46fed4,
.dc0bb35 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  font-weight: 600;
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
}

.j0d,
.cd0 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-color: var(--color-accent);
}

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

.k46fed4,
.g150cef1 {
  background: transparent;
  color: var(--color-accent);
  border-color: var(--color-accent);
}

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

.n04 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 4vw, 3rem);
  justify-content: center;
  width: 100%;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.i152d4 {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

.p0307 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

.i217c {
  grid-row: span 2;
}

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

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

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

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

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

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

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

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

.e0320517 {
  flex: 2 1 280px;
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);
  border-color: var(--color-accent);
}

.e0320517 .f64a74 {
  color: #ffffff;
}

.e0320517 .e4f0 {
  color: #ffffff;
}

.e0320517 .a01ea {
  color: rgba(255, 255, 255, 0.9);
}

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

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

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

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

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

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

.bb69 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  text-align: center;
}

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

.c0d7e81c {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1.25rem, 2.5vw, 2rem);
  border-radius: var(--radius-full);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
  transition: all var(--transition-base);
  min-width: fit-content;
}

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

.c0d7e81c i {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: #ffffff;
}

.h501f2 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: #ffffff;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

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

.e7f {
  flex: 1 1 200px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  align-items: flex-start;
  text-align: left;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.e7f i {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
}

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

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

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

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

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

.l12 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 3rem);
  position: relative;
  padding-left: clamp(2rem, 4vw, 3rem);
}

.l12::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
}

.m593 {
  display: flex;
  gap: clamp(1.5rem, 2vw, 2rem);
  position: relative;
}

.l188d {
  flex-shrink: 0;
  width: clamp(2.5rem, 4vw, 3.5rem);
  height: clamp(2.5rem, 4vw, 3.5rem);
  background: var(--color-accent);
  border: 3px solid var(--color-bg-secondary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: clamp(-2.5rem, -4vw - 1rem, -3.5rem);
  top: 0;
}

.mf20a0 {
  font-size: clamp(1.15rem, 2vw, 1.5rem);
  font-weight: 700;
  color: #ffffff;
}

.mb53c {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

.c2fb {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

.a1ea {
  flex: 1 1 300px;
  max-width: 400px;
  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;
}

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

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

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

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

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

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

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

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

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

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

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

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

.a9d92 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  margin: 0;
}

.ia93 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: rgba(255, 255, 255, 0.9);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.o6a {
  padding: clamp(0.875rem, 1.5vw, 1.15rem) clamp(2rem, 3vw, 3rem);
  background: #ffffff;
  color: var(--color-accent);
  border: 2px solid #ffffff;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
}

.o6a:hover {
  background: transparent;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

.l57177e7.j452158 {
  display: none;
}

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .d9d739d {
    transform: perspective(1200px) rotateY(0deg);
  }

  .l12::before {
    left: clamp(0.75rem, 1.5vw, 1rem);
  }

  .m593 {
    padding-left: clamp(1.5rem, 2.5vw, 2rem);
  }

  .l188d {
    left: 0;
  }

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

  .i217c {
    grid-row: auto;
  }
}

@media (min-width: 768px) {
  .fd50 {
    gap: clamp(3rem, 5vw, 5rem);
  }

  .j2fa34f {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2rem, 3vw, 3rem);
  }
}

@media (min-width: 1024px) {
  .c9067 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

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

  .l12 {
    padding-left: clamp(3rem, 5vw, 4rem);
  }

  .l188d {
    left: clamp(-3rem, -5vw - 0.5rem, -4rem);
  }

  .m593 {
    padding-left: clamp(2rem, 3vw, 2.5rem);
  }
}

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

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

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

.g03d {
  max-width: 600px;
}

.g03d h3,
.oaae5 h3,
.j5f h3,
.a73 h3 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: -0.01em;
}

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

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

.m006 li,
.o5a51 li {
  margin: 0;
  padding: 0;
}

.m006 a,
.o5a51 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: color var(--transition-base) ease;
  display: inline-block;
  padding: 0;
}

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

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

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

.hd0 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b309a26 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  margin: 0;
  padding: 0;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

@media (min-width: 1024px) {
  .k34ba {
    grid-template-columns: repeat(4, 1fr);
  }

  .g03d {
    grid-column: 1 / 2;
  }

  .oaae5 {
    grid-column: 2 / 3;
  }

  .j5f {
    grid-column: 3 / 4;
  }

  .a73 {
    grid-column: 4 / 5;
  }

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

  .m006,
  .o5a51 {
    flex-direction: column;
    gap: clamp(0.5rem, 1vw, 0.875rem);
  }
}
    

* {
  box-sizing: border-box;
}

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

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

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

.a72e60 {
  width: 100%;
}

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

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

.j5c8a {
  color: var(--color-bg-secondary);
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  font-weight: 700;
  margin: 0;
  line-height: var(--line-height-tight);
}

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

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

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

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

.b15 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: stretch;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all var(--transition-base) ease;
}

.b15:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

.b61c {
  flex: 1 1 45%;
  min-width: 250px;
  overflow: hidden;
}

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

.lf4 {
  flex: 1 1 55%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: space-between;
}

.ie166e84 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.5rem);
  font-weight: 700;
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

.l62,
.a6c1,
.j8f {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.l62 i,
.a6c1 i,
.j8f i {
  color: var(--color-accent);
  width: 16px;
  text-align: center;
}

.k2f {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-on-accent);
  background: var(--color-accent);
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base) ease;
  width: fit-content;
}

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

.i33 {
  flex-direction: row;
}

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

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

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

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

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

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

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

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

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

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

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

.b37 {
  flex-shrink: 0;
  width: clamp(3rem, 8vw, 4rem);
  height: clamp(3rem, 8vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  font-weight: 700;
}

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

.g0e {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

  .b61c {
    flex: 1 1 100%;
    min-height: 250px;
    min-width: auto;
  }

  .lf4 {
    flex: 1 1 100%;
  }

  .i33,
  .gdbb9 {
    flex-direction: column;
  }

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

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

  .b61c {
    flex: 1 1 40%;
    min-width: 200px;
  }

  .lf4 {
    flex: 1 1 60%;
  }
}

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

  .b61c {
    flex: 1 1 45%;
  }

  .lf4 {
    flex: 1 1 55%;
  }
}

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

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

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

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

.i593 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  flex-wrap: wrap;
}

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

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

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

.ife635a {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.5px;
}

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

.e178a {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

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

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

.bf258 {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: start;
  display: flex;
  flex-direction: column;
}

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

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

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

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

.h74e5 p {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.l4df p {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.d120b {
  font-size: 1.5rem;
  color: var(--color-accent);
  flex-shrink: 0;
}

.o756 {
  flex: 1;
}

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

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

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

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

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

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

.h500a78 p {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.i34 p {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.f8b2af {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(2rem, 4vw, 3rem);
  grid-column: 1 / -1;
}

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

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

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

.m49b39 {
  position: sticky;
  top: 2rem;
  height: fit-content;
}

.a2f8 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}

.hfce1 {
  width: 100%;
}

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

.i191 {
  width: 100%;
}

.g3c3c119 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.1rem);
  font-weight: 700;
  margin: 0 0 0.3rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.g1b699 {
  text-align: center;
}

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

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

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

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

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

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

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

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

.of1 {
  margin: 0;
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 1.5vw, 1.2rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

@media (max-width: 1024px) {
  .bf258 {
    grid-template-columns: 1fr;
  }

  .m49b39 {
    position: static;
    grid-column: 1;
  }

  .dc8,
  .kd90,
  .d9b88b3,
  .n00c0ffa {
    flex-direction: column;
  }

  .h74e5,
  .jaa31770,
  .l4df,
  .gcd36d4,
  .h500a78,
  .p8c,
  .i34,
  .jf26 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .kd90,
  .n00c0ffa {
    flex-direction: column;
  }

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

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

  .ga9 {
    gap: 1rem;
  }

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

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

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

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

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

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

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

.bc1262d {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.bc1262d a,
.bc1262d span {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  text-decoration: none;
}

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

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

.j5a9a4 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: 999px;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  align-self: center;
}

.g0953a2 {
  color: var(--color-bg-secondary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.d24 {
  color: #cbd5e1;
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.6;
  margin: 0;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

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

.m8c68367 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  color: #94a3b8;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

.ja2c8a {
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  border-radius: 12px;
}

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

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

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

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

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

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

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

.b1d0dfd6 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  display: block;
}

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

.mcf73 {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: start;
}

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

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

.f66c3,
.i5179a,
.mf331,
.d540be5 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.k27d9a,
.l05,
.k312b3,
.o69e2e {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

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

.bb5e2c,
.k1390d55,
.n3e5,
.hc2f {
  flex: 1 1 50%;
  max-width: 50%;
}

.m74c,
.fab4ce,
.k30419,
.b21c4c70 {
  flex: 1 1 50%;
  max-width: 50%;
}

.f18,
.m0322,
.b510c21,
.j66f8c {
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  display: block;
}

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

.cf5fefa2:last-of-type,
.fde:last-of-type,
.n048f03:last-of-type,
.l70071f:last-of-type {
  margin-bottom: 0;
}

.cca4 {
  background: #f0fdf4;
  border-left: 4px solid var(--color-accent);
  padding: 1.5rem;
  margin: 1.5rem 0;
  border-radius: 8px;
}

.cb7c {
  color: #134e4a;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  margin: 0;
  font-weight: 500;
}

.mcda7af3 {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  padding: 1.5rem;
  border-radius: 8px;
  margin: 1.5rem 0;
}

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

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

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

.gbccc {
  margin-bottom: 1rem;
}

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

.e77c {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  padding: 1.5rem;
  margin: 2.5rem 0;
}

.d02 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.d02 i {
  color: #0284c7;
  font-size: 1.25rem;
}

.ode4 {
  color: var(--color-text-primary);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

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

.kef7a {
  position: sticky;
  top: 2rem;
}

.p7d2bf9 {
  background: var(--color-bg-card);
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}

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

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

.a95c {
  margin: 0;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
}

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

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

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

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

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

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

.l1a4 {
  color: var(--color-bg-secondary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

.g80 {
  color: #cbd5e1;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.8;
  margin: 0;
}

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

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

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

.nc6834 {
  color: #cbd5e1;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: 1.6;
  margin: 0;
}

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

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

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

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

.df10bc {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(2rem, 3vw, 2.5rem);
  justify-content: center;
}

.a4043fd {
  background: var(--color-bg-card);
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.a4043fd:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

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

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

.f7c9e2 {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

@media (max-width: 1023px) {
  .mcf73 {
    grid-template-columns: 1fr;
    gap: clamp(2rem, 3vw, 3rem);
  }

  .kef7a {
    position: static;
    top: auto;
  }
}

@media (max-width: 768px) {
  .fb853f92,
  .jf7fbc,
  .hb94aae,
  .j7a6cc34,
  .ga5ba69 {
    flex-direction: column;
  }

  .d4c2,
  .o4b43,
  .bb5e2c,
  .m74c,
  .k1390d55,
  .fab4ce,
  .n3e5,
  .k30419,
  .hc2f,
  .b21c4c70 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .bc1262d {
    gap: 0.25rem;
  }

  .bc1262d a,
  .bc1262d span {
    font-size: 0.75rem;
  }

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

.g42 {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

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

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

.g42 a:last-child {
  color: var(--color-text-muted);
}

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

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

.fabbe {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-lg);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  letter-spacing: 0.05em;
}

.l719 {
  color: var(--color-bg-secondary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-lg);
}

.m71e9 {
  color: var(--color-text-muted);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-xl);
}

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

.kfac {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

.kfac i {
  font-size: 1rem;
}

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

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

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

  .j4b,
  .c16486 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.k776 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-xl);
  text-align: center;
}

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

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

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

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

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

.bd8 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-lg);
}

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

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

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

.jc6c3e9 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

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

.ebd {
  color: var(--color-bg-secondary);
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  margin-bottom: var(--spacing-md);
}

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

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

  .a9b7a,
  .b37cd1bb {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .jc6c3e9 {
    flex-direction: column;
  }

  .l0308b {
    margin-top: 0;
  }
}

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

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

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

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

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

.k56e7 {
  color: var(--color-bg-secondary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-lg);
}

.n1da46 {
  color: var(--color-bg-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
}

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

  .o410,
  .ged5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.b6a9ec {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-lg);
}

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

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

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

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

  .e6481,
  .oc5c44 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.ec2a26bb {
  color: var(--color-bg-secondary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-lg);
}

.f09f0 {
  color: var(--color-bg-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
}

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

  .a7ef,
  .e53 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.laa55 {
  max-width: 1000px;
  margin: 0 auto;
}

.i721 {
  text-align: center;
  margin-bottom: clamp(3rem, 8vw, 6rem);
}

.mc04f37 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
}

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

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

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

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

.j264570 {
  flex: 1;
}

.g5f7 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  margin-bottom: var(--spacing-sm);
}

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

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

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

.c599 {
  color: var(--color-bg-secondary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-xl);
}

.n15d53 {
  color: var(--color-text-muted);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
}

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

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

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

.bb7355 {
  max-width: 600px;
  margin: 0 auto;
}

.f7cd4 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-xl);
  align-items: flex-start;
}

.jee6 {
  flex-shrink: 0;
}

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

.o6e {
  flex: 1;
}

.ga91 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  margin-bottom: var(--spacing-xs);
}

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

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

.hc3987 {
  color: var(--color-secondary);
  font-size: clamp(0.875rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

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

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

  .jee6 {
    flex-shrink: 0;
  }
}

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

.d5edc0 {
  max-width: 1400px;
  margin: 0 auto;
}

.if15ce {
  text-align: center;
  margin-bottom: clamp(3rem, 8vw, 6rem);
}

.h70f {
  color: var(--color-bg-secondary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
}

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

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

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

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

.d53f {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: var(--color-border-light);
}

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

.m6e202ce {
  padding: var(--spacing-xl);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.o7f0e3a {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
}

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

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

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

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

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

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

  .e1e2e4 {
    width: 60px;
    height: 60px;
    font-size: 1.5rem;
  }
}

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

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

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

.l7f76 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.l7f76 > span:last-child {
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

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

.id63d5 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.375rem 0.875rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ma6e73ac {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.fd64 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

  .k214b2e5,
  .d318 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .i41,
  .n63f9ff {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.p19 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.bf3a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-weight: 700;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
}

.ic0524 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .n15d,
  .c39a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.f24b i {
  color: var(--color-accent);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  min-width: clamp(1.25rem, 2vw, 1.5rem);
  margin-top: 0.125rem;
}

.c46 {
  flex: 1;
}

.i3e {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

  .f98,
  .oc6a084 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

  .of6a1361,
  .efc063c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .p4f444e,
  .h2f53e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.af8bd {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  flex: 0 1 auto;
  min-width: 150px;
}

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

.d4f4905 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.f9d31016 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 500px;
  margin: 0 auto;
}

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

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

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

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

.g4b0735 a {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 1.5vw, 1.5rem);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.p5fb {
  text-align: center;
}

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

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

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

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

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

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

.b887 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all var(--transition-base);
}

.h54a784:hover .b887 img {
  transform: scale(1.05);
}

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

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

.i90c a {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 600;
  text-decoration: none;
  line-height: var(--line-height-tight);
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

  .af8bd {
    min-width: auto;
  }
}

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 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.6;
  color: var(--color-text-primary);
}

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

p, span, li {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.f5839 .jb772 {
  display: flex;
  flex-direction: column;
}

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

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

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

.b63 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-bg-secondary);
  line-height: 1.2;
  margin-bottom: 1rem;
}

.de7255e2 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: #cbd5e1;
  line-height: 1.5;
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

.c923e {
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 700;
  margin-bottom: 0.75rem;
  display: block;
}

.a013 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.25;
  margin-bottom: 1rem;
}

.l36d8 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

.o45bd {
  flex: 1 1 45%;
  min-width: 280px;
}

.o45bd p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

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

.p127 {
  flex: 1 1 45%;
  min-width: 280px;
  min-height: 300px;
  border-radius: 8px;
  overflow: hidden;
}

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

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

  .o45bd,
  .p127 {
    flex: 1 1 100%;
  }
}

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

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

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

.d7fe16 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-bg-secondary);
  line-height: 1.25;
  margin-bottom: 1rem;
}

.l13509f9 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: #cbd5e1;
  line-height: 1.6;
}

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

.n6c {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 260px;
  background: var(--color-bg-tertiary);
  border-radius: 8px;
  padding: clamp(1.75rem, 3vw, 2.25rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.n6c:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.hc2e9 {
  font-size: 2.5rem;
  color: var(--color-secondary);
  display: block;
}

.je824f {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-bg-secondary);
  line-height: 1.3;
}

.k4bdb7 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: #cbd5e1;
  line-height: 1.6;
  flex-grow: 1;
}

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

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

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

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

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

.i97630 {
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 700;
  margin-bottom: 0.75rem;
  display: block;
}

.ab121f {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.25;
  margin-bottom: 1rem;
}

.o42 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.g49a {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}

.k040 {
  display: flex;
  flex-direction: row;
  gap: 1.75rem;
  align-items: flex-start;
}

.d27 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 800;
  color: var(--color-accent);
  min-width: 60px;
  flex-shrink: 0;
}

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

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

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

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

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

.a6c3 {
  text-align: center;
}

.je1c4 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-bg-secondary);
  line-height: 1.25;
  margin-bottom: 1rem;
}

.m90c {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: #cbd5e1;
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
}

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

.n0bd96 {
  flex: 1 1 45%;
  min-width: 280px;
  min-height: 300px;
  border-radius: 8px;
  overflow: hidden;
}

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

.j2835 {
  flex: 1 1 45%;
  min-width: 280px;
}

.j2835 p {
  color: #cbd5e1;
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

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

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

  .n0bd96,
  .j2835 {
    flex: 1 1 100%;
  }
}

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

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

.m683 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

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

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

.o3db961 {
  font-size: clamp(0.875rem, 1vw, 0.975rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 800px;
}

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

@media (max-width: 640px) {
  .m683 {
    flex-direction: column;
    gap: 0.75rem;
  }

  .hbc9d4 {
    margin-top: 0;
  }
}

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

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

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

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

.f9094d4e {
  position: relative;
  width: 100%;
  min-height: 300px;
  max-height: 500px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

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

.o5b5a4 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(4, 47, 46, 0.95), rgba(4, 47, 46, 0.7), transparent);
  padding: clamp(1.5rem, 4vw, 3rem);
  text-align: center;
}

.i9bf {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: var(--font-heading);
}

.ee447c8 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-secondary);
  margin: clamp(0.5rem, 1vw, 1rem) 0 0 0;
  padding: 0;
  font-weight: 400;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.l59222 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 2vw, 2rem);
  text-align: center;
  flex: 0 1 calc(33.333% - 1rem);
  min-width: 150px;
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

.k87bff94 {
  text-align: center;
}

.nac686 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-bg-secondary);
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a6ec25ef {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  margin: clamp(0.75rem, 1vw, 1rem) 0 0 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.nc5c50 {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 2vw, 2rem);
  flex: 0 1 calc(50% - 1rem);
  min-width: 200px;
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
}

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

.l76417 {
  font-size: clamp(2rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0;
  padding: 0;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

.l9a {
  text-align: center;
}

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

.m4f {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.75rem, 1vw, 1rem) 0 0 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.l47a22fc {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 2vw, 2rem);
  flex: 0 1 calc(50% - 1rem);
  min-width: 220px;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.ie02080 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  margin: 0;
  padding: 0;
}

.ie02080 i {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

.d61c1e {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-bg-secondary);
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.f6bab9 {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 2vw, 2rem);
  flex: 0 1 calc(50% - 1rem);
  min-width: 200px;
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

.h611a {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-bg-secondary);
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ddfc {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-secondary);
  margin: 0;
  padding: 0;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.kdba181b {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  display: inline-block;
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.c27e4356 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-accent);
}

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

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

  .l59222 {
    flex: 0 1 calc(25% - 1.5rem);
  }

  .l47a22fc {
    flex: 0 1 calc(33.333% - 1.33rem);
  }

  .f6bab9 {
    flex: 0 1 calc(33.333% - 1.33rem);
  }

  .nc5c50 {
    flex: 0 1 calc(33.333% - 1.33rem);
  }

  .mf3bf {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .f9094d4e {
    min-height: 450px;
    max-height: 600px;
  }

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

  .p7290 {
    flex: 1 1 55%;
  }

  .i9ff136c {
    flex: 1 1 45%;
    flex-direction: column;
    justify-content: flex-start;
  }

  .l59222 {
    flex: 1 1 100%;
  }

  .l47a22fc {
    flex: 0 1 calc(33.333% - 1.33rem);
  }
}

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

.f1eaf0 {
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
  background-color: var(--color-bg-primary);
}

.m44 {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.m07f {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

.cd3 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.2rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
}

@media (min-width: 768px) {
  .f1eaf0 {
    padding: var(--spacing-3xl) 0;
  }
  
  .m07f {
    margin-bottom: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .f1eaf0 {
    padding: var(--spacing-4xl) 0;
  }
}

.g3b71 {
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
  background-color: var(--color-bg-primary);
}

.oa3806 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .g3b71 {
    padding: var(--spacing-3xl) 0;
  }
  
  .oa3806 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .g3b71 {
    padding: var(--spacing-4xl) 0;
  }
  
  .oa3806 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

.i329 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: var(--shadow-sm);
}

.i329:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

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

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

.d7acfb6 {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.l98a2 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.j17 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.25rem, 1.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

.p8e7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  flex: 1;
}

@media (min-width: 768px) {
  .c176e41c {
    height: 280px;
  }
  
  .d7acfb6 {
    padding: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .c176e41c {
    height: 320px;
  }
}

.nf6f {
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

.i8dc678 {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  text-align: center;
}

.kf65 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

.f73 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 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;
}

.hfa {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  display: inline-block;
}

.hfa:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.hfa:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .nf6f {
    padding: var(--spacing-3xl) 0;
  }
  
  .kf65 {
    margin-bottom: var(--spacing-lg);
  }
  
  .f73 {
    margin-bottom: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .nf6f {
    padding: var(--spacing-4xl) 0;
  }
}

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

.f9ed {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.h6267a {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.e67 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.5rem);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.j44509 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  line-height: var(--line-height-normal);
  margin: 0;
}

.c479b2c {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.n05a5df2 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.ja82f4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--spacing-lg);
  background-color: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  transition: all var(--transition-base);
}

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

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

.i8811 {
  flex: 1;
  line-height: var(--line-height-normal);
}

.a181f {
  flex-shrink: 0;
  margin-left: var(--spacing-md);
  color: var(--color-primary);
  transition: transform var(--transition-base);
}

.n05a5df2[aria-expanded="true"] .a181f {
  transform: rotate(180deg);
}

.c4a {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
}

.n05a5df2[aria-expanded="true"] .c4a {
  max-height: 500px;
}

.c4a p {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
}

.f7c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.e0de1209 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.c55 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.c8dd {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-normal);
  margin: 0 0 var(--spacing-lg) 0;
}

.eaeb1cfe {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  box-shadow: var(--shadow-sm);
}

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

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

.eaeb1cfe:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .f9ed {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .c479b2c {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .f7c {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

  .c4a p {
    padding: 0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .f9ed {
    padding: var(--spacing-4xl) 0;
  }

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

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

  .e67 {
    font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  }

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

@media (prefers-reduced-motion: reduce) {
  .n05a5df2,
  .ja82f4,
  .a181f,
  .c4a,
  .eaeb1cfe {
    transition: none;
  }
}

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

.c64a42b4 main {
  width: 100%;
}

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

.c64a42b4 .p8127 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.c64a42b4 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-tight);
}

.c64a42b4 .i5c {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.c64a42b4 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.c64a42b4 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);
}

.c64a42b4 ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  padding: 0;
}

.c64a42b4 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);
}

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

.c64a42b4 .m6a8f6 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-top: var(--spacing-3xl);
}

.c64a42b4 .m6a8f6 h2 {
  margin-top: 0;
}

.c64a42b4 .m6a8f6 p {
  margin-bottom: var(--spacing-sm);
}

.c64a42b4 .m6a8f6 strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

@media (min-width: 768px) {
  .c64a42b4 .p8127 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .c64a42b4 .jb772 {
    padding: 0 var(--spacing-lg);
  }

  .c64a42b4 .p8127 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

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

.abd89fcb {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.pf99c2 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.oa7e78 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.bb7 {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

.kb991 {
  width: clamp(3.5rem, 15vw, 5rem);
  height: clamp(3.5rem, 15vw, 5rem);
  color: var(--color-success);
  stroke: var(--color-success);
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
  animation: checkPulse 0.6s ease-out;
}

@keyframes checkPulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.pcf0 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.c99a2284 {
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  line-height: var(--line-height-normal);
}

.l1f9 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  letter-spacing: 0.3px;
}

.kba68 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  letter-spacing: 0.3px;
}

.dc0bb35 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  transition: all var(--transition-base);
  border-radius: var(--radius-md);
  font-weight: 600;
  letter-spacing: 0.5px;
}

.cd0 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

.cd0:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

.cd0:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.ce231 {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  min-width: 200px;
}

@media (min-width: 768px) {
  .pf99c2 {
    padding: var(--spacing-2xl) var(--spacing-md);
    min-height: 100vh;
  }

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

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

  .ce231 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    min-width: 220px;
  }
}

@media (min-width: 1024px) {
  .pf99c2 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

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

  .ce231 {
    padding: var(--spacing-lg) var(--spacing-4xl);
    min-width: 240px;
    font-size: 1.1rem;
  }

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

@media (max-width: 480px) {
  .oa7e78 {
    padding: 0 var(--spacing-sm);
  }

  .ce231 {
    width: 100%;
    min-width: unset;
  }
}

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

html,
body {
  width: 100%;
  height: 100%;
}

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

.o1d1fa5 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  background-color: var(--color-bg-primary);
}

.c781 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg);
  overflow: hidden;
}

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

.p8127 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.lee89 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  text-align: center;
}

.k97 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-xl);
}

.d24f6 {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  color: var(--color-primary);
  letter-spacing: -0.02em;
  line-height: 1;
  position: relative;
  z-index: 2;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
}

.ec9af {
  position: absolute;
  width: clamp(200px, 40vw, 400px);
  height: clamp(200px, 40vw, 400px);
  border: 2px solid var(--color-primary-light);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  animation: pulse-ring 3s ease-in-out infinite;
}

@keyframes pulse-ring {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.5;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

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

.e72af412 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.e72af412 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-weight: 400;
  line-height: var(--line-height-normal);
}

.h54b {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-sm) 0;
}

.fad487e {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-sm) 0;
}

.dc0bb35 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-2xl);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-family: var(--font-primary);
  text-decoration: none;
  cursor: pointer;
  transition: var(--transition-base);
  font-weight: 600;
  text-align: center;
  margin-top: var(--spacing-lg);
}

.cd0 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

.cd0:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.cd0:active {
  transform: translateY(0);
}

.e6b702 {
  margin-top: var(--spacing-2xl);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.eee97 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

.kf79 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.kf79 li {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-primary);
  padding: var(--spacing-sm) 0;
  padding-left: var(--spacing-md);
  position: relative;
}

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

@media (min-width: 640px) {
  .c781 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

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

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

@media (min-width: 768px) {
  .c781 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .e6b702 {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-2xl);
  }

  .eee97 {
    min-width: 150px;
    text-align: right;
    margin-bottom: 0;
  }

  .kf79 {
    flex: 1;
  }
}

@media (min-width: 1024px) {
  .c781 {
    padding: var(--spacing-4xl) var(--spacing-lg);
    min-height: 100vh;
  }

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .ec9af {
    animation: none;
    opacity: 0.6;
  }

  .cd0:hover {
    transform: none;
  }
}

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

.g5c3c82 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.lc65 {
  text-align: center;
}

.p69cd6 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.la904c5 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
}

.k4a {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
}

.bff {
  width: 100%;
}

.lae5eb0 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

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

.fb6 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.j2f {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.of521 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.db8 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.o257,
.d5146b0 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.o257::placeholder,
.d5146b0::placeholder {
  color: var(--color-text-muted);
}

.o257:focus,
.d5146b0:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}

.d5146b0 {
  min-height: 150px;
  resize: vertical;
}

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

.m73866 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

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

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

.l2c {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  font-weight: 700;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  margin-top: var(--spacing-md);
}

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

.l2c:active {
  transform: translateY(0);
}

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

.b60bc8 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.ec2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.a87db2d {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.e2033 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.k8fd0 {
  flex: 1;
}

.o9f0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.ccbe {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
}

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

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

.i0841 {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2.5vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.c066 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.fc0 {
  display: inline-block;
  color: var(--color-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.ca90e620 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.b41b {
  text-align: center;
}

.n496 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.k011d9 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.jaefd {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  font-weight: 700;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

@media (min-width: 768px) {
  .g5c3c82 {
    padding: var(--spacing-4xl) 0;
  }

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

  .lae5eb0 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }

  .ne9ab51 {
    flex: unset;
  }

  .lf7d10 {
    flex: unset;
  }

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

@media (min-width: 1024px) {
  .g5c3c82 {
    padding: var(--spacing-4xl) 0;
  }

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

  .ca90e620 {
    padding: var(--spacing-4xl) 0;
  }
}
.g75d9,.fb4f{
  width: 34px;
}

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

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.ab0a{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .ab0a{
    max-width: 100%;
  }
}

.ab0a.d8c421{
  z-index: 999;
}

.ed1e2e3c{
  padding-top: 50px;
}

.g75d9[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .ed55 {
    aspect-ratio: 6 / 9;
  }
}