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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f0f9ff;
  --color-bg-tertiary: #e0f2fe;
  --color-bg-card: #ffffff;

  --color-text-primary: #0f172a;
  --color-text-secondary: #334155;
  --color-text-muted: #606977;

  --color-primary: #1d4ed8;
  --color-primary-hover: #1e40af;
  --color-primary-light: #dbeafe;
  --color-primary-lighter: #eff6ff;

  --color-secondary: #60a5fa;
  --color-secondary-light: #bfdbfe;
  --color-secondary-lighter: #dbeafe;

  --color-success: #10b981;
  --color-success-light: #d1fae5;

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

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

  --color-border: #e2e8f0;
  --color-border-light: #f1f5f9;

  --font-primary: 'Work Sans', sans-serif;
  --font-heading: 'Nunito', sans-serif;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --spacing-4xl: 80px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

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

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

  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;

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

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

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

* {
  box-sizing: border-box;
}

*::before,
*::after {
  box-sizing: border-box;
}

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

h1 {
  font-size: 48px;
  letter-spacing: var(--letter-spacing-tight);
}

h2 {
  font-size: 40px;
  letter-spacing: var(--letter-spacing-tight);
}

h3 {
  font-size: 32px;
  letter-spacing: var(--letter-spacing-tight);
}

h4 {
  font-size: 24px;
  letter-spacing: var(--letter-spacing-tight);
}

h5 {
  font-size: 20px;
  letter-spacing: var(--letter-spacing-tight);
}

h6 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: var(--letter-spacing-tight);
}

p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: var(--line-height-normal);
  color: var(--color-text-secondary);
}

small {
  font-size: 14px;
  line-height: var(--line-height-normal);
  color: var(--color-text-muted);
}

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

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

button,
input,
textarea,
select {
  font-family: var(--font-primary);
  font-size: 16px;
}

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

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

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

button {
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
  font-weight: 600;
  transition: all var(--transition-fast);
}

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

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

textarea {
  resize: vertical;
  font-family: var(--font-primary);
}

code {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  font-size: 14px;
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
}

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

hr {
  border: none;
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-lg) 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

th,
td {
  text-align: left;
  padding: var(--spacing-md);
  border-bottom: 1px solid var(--color-border);
}

th {
  background: var(--color-bg-secondary);
  font-weight: 600;
  color: var(--color-text-primary);
}

tr:hover {
  background: var(--color-bg-secondary);
}

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

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 18px;
  }

  h6 {
    font-size: 16px;
  }

  p {
    font-size: 15px;
  }

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

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

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 18px;
  }

  h5 {
    font-size: 16px;
  }

  h6 {
    font-size: 14px;
  }

  p {
    font-size: 14px;
  }

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

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

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

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

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

::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}
.oe3 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 100;
}

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

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

.h9e939e3:hover {
  opacity: 0.85;
}

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

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

.i645 {
  display: none;
  align-items: center;
  gap: clamp(0.5rem, 2vw, 2rem);
  flex: 1;
  justify-content: center;
}

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

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

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

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

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

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

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

.jbb3.l455a {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.da2 {
  padding: 1.5rem clamp(1rem, 4vw, 2rem);
  display: flex;
  justify-content: flex-end;
  border-bottom: 1px solid var(--color-border-light);
  flex-shrink: 0;
}

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

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

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

.l116e {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-weight: 500;
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-border-light);
  transition: color var(--transition-base);
  display: block;
}

.l116e:first-child {
  padding-top: 0;
}

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

.e975 {
  padding: 1rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  text-decoration: none;
  text-align: center;
  transition: background var(--transition-base);
  display: block;
  margin: 1.5rem clamp(1rem, 4vw, 2rem) clamp(1rem, 4vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .ab1f3 {
    display: block;
  }

  .ed0c4 {
    display: none;
  }

  .jbb3 {
    display: none;
  }
}

@media (max-width: 767px) {
  .c65b95 {
    font-size: 1.125rem;
  }
}

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

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

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

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

.h1a {
  text-align: center;
}

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

.l6224 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: rgba(255, 255, 255, 0.9);
  margin: clamp(1rem, 2vw, 1.5rem) 0 0 0;
  line-height: var(--line-height-normal);
}

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

.p3438 {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  flex: 1 1 140px;
  max-width: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
  transform: rotate(var(--rotation, 0deg));
}

.c9f0 {
  --rotation: -2deg;
}

.l31 {
  --rotation: 1deg;
}

.o37 {
  --rotation: -1deg;
}

.c4744 {
  --rotation: 2deg;
}

.p3438:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: translateY(-4px) rotate(var(--rotation, 0deg));
}

.d386 {
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  color: var(--color-text-on-accent);
}

.h835 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: rgba(255, 255, 255, 0.95);
  text-align: center;
  margin: 0;
  font-weight: 600;
}

.b993 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  margin-top: 1rem;
}

.c39 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.75rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  border: none;
  cursor: pointer;
}

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

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

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

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

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

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

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

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

.f2e1 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-block;
}

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

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

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

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

  .i4d,
  .naa {
    flex: 1 1 100%;
  }
}

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

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

.maa83 {
  text-align: center;
}

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

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

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

.b2efd6 {
  flex: 1 1 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  text-align: center;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

.p0a {
  text-align: center;
}

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

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

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

.l56e2e1 {
  flex: 1 1 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  box-shadow: var(--shadow-sm);
}

.jff {
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-accent);
  font-weight: 700;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ef28::before {
  content: '';
  position: absolute;
  left: clamp(0.75rem, 2vw, 1rem);
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-border);
}

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

.edbeb97 {
  width: clamp(1.5rem, 3vw, 2rem);
  height: clamp(1.5rem, 3vw, 2rem);
  border-radius: 50%;
  background: var(--color-bg-card);
  border: 3px solid var(--color-accent);
  flex-shrink: 0;
  position: absolute;
  left: clamp(-1.125rem, calc(-1.5vw - 0.5rem), -1rem);
  top: 0;
}

.ffeb31a {
  padding-left: clamp(1rem, 2vw, 1.5rem);
  flex: 1;
}

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

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

.j16fc37 .edbeb97 {
  background: var(--color-accent);
  border-color: var(--color-accent-dark);
}

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

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

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

.k713a1 {
  display: flex;
  flex-direction: row;
  gap: 0;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

.b67823 {
  background: rgba(220, 38, 38, 0.05);
}

.aec3f {
  background: rgba(34, 197, 94, 0.05);
}

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

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

.d90 i {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
}

.b67823 .d90 i {
  color: #dc2626;
}

.aec3f .d90 i {
  color: #22c55e;
}

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

.ha17f5a {
  width: 2px;
  background: var(--color-border);
}

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

  .ha17f5a {
    width: 100%;
    height: 2px;
  }
}

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

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

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

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

.b76a {
  flex: 1 1 240px;
  max-width: 300px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}

.n38 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  font-weight: 700;
  margin: 0;
}

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

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

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

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

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

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

.kd484 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  margin: 0;
  font-weight: 700;
}

.g882fe92 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.95);
  margin: 0;
  max-width: 600px;
}

.p8c {
  background: var(--color-text-on-accent);
  color: var(--color-accent);
  padding: 0.75rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  border: 2px solid var(--color-text-on-accent);
  cursor: pointer;
}

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

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

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

.h3c02706 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

.h53f3 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.75rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  border: none;
  cursor: pointer;
}

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

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

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

.b9e4b0 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #1e293b;
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
}

.b9e4b0.id956 {
  display: none;
}

.a89476e9 {
  color: #f1f5f9;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  margin: 0;
  flex: 1 1 auto;
  line-height: var(--line-height-normal);
}

.be5f6 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.a087652,
.gb6 {
  padding: 0.5rem 1.25rem;
  border-radius: var(--radius-sm);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

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

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

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

@media (max-width: 767px) {
  .b9e4b0 {
    flex-direction: column;
    justify-content: center;
  }

  .a89476e9 {
    order: 1;
    flex: 1 1 100%;
  }

  .be5f6 {
    order: 2;
    flex: 1 1 100%;
    justify-content: center;
  }
}

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

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

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

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

.eb900d {
  display: block;
}

.eb900d h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

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

.ldb9d {
  display: block;
}

.ldb9d h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--color-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

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

.lace li {
  margin: 0;
  padding: 0;
}

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

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

.e577 {
  display: block;
}

.e577 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--color-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

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

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

.d94017 {
  display: block;
}

.d94017 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--color-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

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

.e0a840c li {
  margin: 0;
  padding: 0;
}

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

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

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

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

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

.m3f1ef8 {
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
  font-style: italic;
}

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

  .eb900d {
    flex: 1 1 250px;
  }

  .ldb9d {
    flex: 1 1 150px;
  }

  .e577 {
    flex: 1 1 200px;
  }

  .d94017 {
    flex: 1 1 150px;
  }

  .n9b68d {
    flex: 1 1 100%;
    padding-top: clamp(2rem, 4vw, 2.5rem);
  }
}

@media (max-width: 767px) {
  .eb900d p {
    max-width: 100%;
  }

  .e577 p {
    display: block;
  }
}

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

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

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

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

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

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

.d349ff0 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.95);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m743 {
  height: 200px;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  border-radius: var(--radius-full);
  filter: blur(40px);
}

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

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

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

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

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

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

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

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

.f5301 {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-md);
  aspect-ratio: 16 / 9;
}

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

.c5aa4c7:hover .h85daa12 {
  transform: scale(1.05);
}

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

.i8b1 {
  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;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.leaf25 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--color-text-muted);
}

.leaf25 i {
  color: var(--color-primary);
  width: 16px;
  text-align: center;
}

.abf {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  align-self: flex-start;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.g56 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  justify-content: center;
  max-width: 900px;
  margin: 0 auto;
}

.gbd250c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  color: var(--color-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: nowrap;
}

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

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

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

  .n1c4e {
    gap: 0.75rem;
  }

  .c00250 {
    flex-direction: column;
  }
}

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

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

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

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

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

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

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

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

  .c110 a,
  .c110 span {
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    color: var(--color-text-secondary);
    text-decoration: none;
    transition: all var(--transition-base);
  }

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

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

  .jc5e {
    text-align: center;
  }

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

  .n0f {
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-normal);
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  .lee074 {
    width: 100%;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .iae813d {
    display: block;
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-wide);
    margin-bottom: 0.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .cb2 {
    flex: 1 1 65%;
  }

  .c46f25 {
    background: transparent;
    padding: 0;
    margin-bottom: clamp(2rem, 4vw, 3rem);
  }

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

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

  .k142a {
    background: transparent;
    padding: clamp(2rem, 3vw, 2.5rem);
    border-left: 4px solid var(--color-warning);
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-md);
  }

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

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

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

  .fc425 {
    flex: 1 1 35%;
    position: sticky;
    top: 2rem;
  }

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

  .i5cf5a2 {
    width: 100px;
    height: 100px;
    border-radius: var(--radius-full);
    object-fit: cover;
    margin: 0 auto;
    display: block;
    border: 3px solid var(--color-accent);
  }

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

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

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

  .n4c74 {
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-wide);
    margin: 0;
  }

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

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

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

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

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

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

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

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

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

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

  .ib94:hover .j80bb {
    transform: scale(1.05);
  }

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

  .f140b336 {
    margin: 0;
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    font-weight: 600;
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  @media (max-width: 1023px) {
    .ib5a321d,
    .m85f2f92,
    .gb609,
    .lf0831,
    .gfd5 {
      flex-direction: column;
    }

    .g3bbb,
    .c7d,
    .g57,
    .k21ab70d,
    .jda6318,
    .mc90b2a1,
    .i48732fe,
    .fdfe3f,
    .kb544,
    .c5cd796 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .d6bf {
      flex-direction: column;
    }

    .cb2,
    .fc425 {
      flex: 1 1 100%;
    }

    .fc425 {
      position: relative;
      top: 0;
    }

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

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

  @media (max-width: 768px) {
    .c110 {
      font-size: clamp(0.75rem, 1vw, 0.8125rem);
      gap: 0.25rem;
    }

    .k81 {
      gap: 0.75rem;
    }

    .ib94 {
      flex: 1 1 100%;
    }

    .bb3392f7 {
      flex-direction: column;
    }

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

.e8b2 {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .l23fa i {
    color: var(--color-accent);
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .o05daa {
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
  }

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

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

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

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

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

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

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

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

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

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

  .ccb2 li {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    color: var(--color-text-secondary);
    padding-left: 1.75rem;
    position: relative;
    line-height: 1.6;
  }

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

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

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

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

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

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

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

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

  .m27 {
    font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
    margin-top: 1.5rem;
    font-family: var(--font-heading);
  }

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

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

  .ie634d {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    font-style: italic;
    line-height: 1.8;
    margin: 0;
    padding: 0;
  }

  .h14fbb {
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    color: var(--color-text-muted);
    margin-top: 1rem;
    margin-bottom: 0;
  }

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

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

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

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

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

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

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

  .efb0 {
    display: flex;
    flex-direction: row;
    gap: clamp(1rem, 2vw, 2rem);
    padding: clamp(1.5rem, 3vw, 2rem);
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-md);
    margin: 1rem 0;
  }

  .oe972 {
    flex: 1 1 50%;
    text-align: center;
  }

  .j514bb1 {
    font-size: clamp(0.875rem, 1vw, 1rem);
    color: var(--color-text-secondary);
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    font-family: var(--font-heading);
  }

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

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

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

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

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

  .gcf {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 280px;
    max-width: 400px;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-light);
    box-shadow: var(--shadow-sm);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .j1d55ee {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    padding-left: 2rem;
    position: relative;
    background: var(--color-bg-secondary);
    padding: 1rem 1rem 1rem 2.5rem;
    border-radius: var(--radius-sm);
  }

  .j1d55ee:before {
    content: attr(data-step);
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: bold;
  }

  .j1d55ee:nth-child(1):before { content: "1"; }
  .j1d55ee:nth-child(2):before { content: "2"; }
  .j1d55ee:nth-child(3):before { content: "3"; }
  .j1d55ee:nth-child(4):before { content: "4"; }
  .j1d55ee:nth-child(5):before { content: "5"; }
  .j1d55ee:nth-child(6):before { content: "6"; }

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

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

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

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

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

  .g4c06 {
    max-width: 900px;
    margin: 0 auto;
    background: var(--color-bg-tertiary);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--color-warning);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h2c6d9,
    .bf712 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .fc71b93 {
      flex-direction: column-reverse;
    }

    .me32,
    .jd74221 {
      flex: 1 1 100%;
      max-width: 100%;
      order: 0;
    }

    .b0b1 {
      flex-direction: column;
    }

    .ka9343,
    .a8d71 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .oa1 {
      flex-direction: column-reverse;
    }

    .fa08,
    .j66 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .m23b2cd7 {
      flex: 1 1 calc(50% - 1rem);
      min-width: 280px;
    }
  }

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

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

    .je6 {
      margin-top: 1.5rem;
    }

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

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

    .f1e88a {
      gap: 0.75rem;
    }

    .j1d55ee {
      padding: 1rem 1rem 1rem 2.25rem;
      font-size: 0.875rem;
    }

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

    .jb771e3 {
      flex-direction: column;
      align-items: center;
      text-align: center;
      max-width: 100%;
    }

    .i89c {
      gap: 0.5rem;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .hc613630 {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1rem, 2vw, 1.5rem);
    font-size: clamp(0.8125rem, 1vw, 0.95rem);
  }

  .he4d67 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-text-secondary);
  }

  .he4d67 i {
    color: var(--color-accent);
    font-size: 0.95em;
  }

  .g12 {
    font-size: clamp(0.95rem, 1.2vw, 1.25rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    max-width: 90%;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .m7e9 {
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
  }

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

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

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

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

  .o3dd8e {
    flex: 1 1 65%;
    min-width: 0;
  }

  .i8c94b45 {
    flex: 1 1 30%;
    position: sticky;
    top: 2rem;
    height: fit-content;
  }

  .b57732c {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: clamp(1.5rem, 3vw, 2rem);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    box-shadow: var(--shadow-sm);
  }

  .c8d65a {
    width: 100px;
    height: 100px;
    border-radius: var(--radius-full);
    object-fit: cover;
    display: block;
    margin: 0 auto;
  }

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

  .d7fe {
    font-size: clamp(0.95rem, 1vw, 1.1rem);
    font-family: var(--font-heading);
    font-weight: 600;
    margin: 0;
  }

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

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

  .pa87fa3 {
    font-size: 0.85rem;
    color: var(--color-accent);
    font-weight: 500;
    margin: 0;
  }

  .p9e214 {
    font-size: 0.8125rem;
    color: var(--color-text-secondary);
    line-height: var(--line-height-normal);
    margin: 0;
  }

  .c711 {
    margin-bottom: clamp(3rem, 6vw, 5rem);
  }

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

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

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

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

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

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

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

  .n303 {
    font-size: 0.8125rem;
    color: var(--color-text-secondary);
    margin: 0;
    line-height: var(--line-height-normal);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .iece1,
  .g06dd7cb,
  .h4d546b1,
  .pd1daa,
  .e9d54c37 {
    margin-bottom: clamp(3rem, 6vw, 5rem);
  }

  .lbffb,
  .ae1e45,
  .h35d6b,
  .be99e,
  .k3793 {
    font-size: clamp(1.5rem, 4vw, 2.5rem);
    font-family: var(--font-heading);
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .lac264,
  .i5d,
  .hbe3e31f {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .m3a1,
  .d63e5,
  .ifcab7f7 {
    flex: 1 1 50%;
    max-width: 50%;
  }

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

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

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

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

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

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

  .n0fc3 {
    flex: 1 1 calc(25% - 1rem);
    min-width: 140px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

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

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

  .f55d {
    font-size: 0.8125rem;
    color: var(--color-text-secondary);
    margin: 0;
    line-height: var(--line-height-normal);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .d757e3 {
    margin-top: clamp(2rem, 4vw, 3rem);
  }

  .b832eb {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
    margin-bottom: clamp(2rem, 4vw, 3rem);
  }

  .o7e799 {
    font-size: clamp(1.25rem, 3vw, 2rem);
    font-family: var(--font-heading);
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .jdc8ec {
    font-size: clamp(0.95rem, 1.5vw, 1.1rem);
    font-family: var(--font-heading);
    font-weight: 600;
    margin: 0;
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .la4b {
    font-size: 0.8125rem;
    color: var(--color-text-secondary);
    margin: 0;
    line-height: var(--line-height-normal);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

    .i8c94b45 {
      flex: 1 1 100%;
      max-width: 100%;
      position: relative;
      top: 0;
    }
  }

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

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

    .g12 {
      max-width: 100%;
    }

    .a4ea2 {
      flex-wrap: wrap;
      gap: 0.25rem;
    }

    .hc613630 {
      gap: clamp(0.75rem, 1.5vw, 1rem);
    }

    .he4d67 {
      gap: 0.35rem;
    }

    .f20a20,
    .l27dd,
    .ja3e47 {
      flex-direction: column;
      gap: clamp(1.5rem, 3vw, 2rem);
    }

    .lac264,
    .i5d,
    .hbe3e31f {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .m3a1,
    .d63e5,
    .ifcab7f7 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

    .lf1 {
      flex-direction: column;
    }

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

    .a47d67 {
      flex-direction: column;
    }

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

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

  @media (max-width: 480px) {
    .hc613630 {
      flex-direction: column;
      gap: 0.5rem;
      align-items: flex-start;
    }

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

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

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

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

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

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

.d703a64f {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

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

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

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

.h4427 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  letter-spacing: -0.01em;
}

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

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

.g935 i {
  color: var(--color-accent);
  font-size: 1em;
}

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

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

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

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

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

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

.cb8 {
  flex: 1 1 65%;
  min-width: 0;
}

.c83ad60 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.mb16d93 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

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

.ec7031e:last-of-type {
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
}

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

.aac {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.2vw, 1.1875rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-style: italic;
  line-height: 1.6;
}

.e55d0 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

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

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

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

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

.afc:last-of-type {
  margin-bottom: 0;
}

.kfbf0c {
  background: linear-gradient(135deg, rgba(29, 78, 216, 0.05) 0%, rgba(96, 165, 250, 0.05) 100%);
  border: 1px solid var(--color-border);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  margin: clamp(1.5rem, 2vw, 2rem) 0;
}

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

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

.o5c7dd li {
  font-size: clamp(0.8875rem, 0.95vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: 1.5rem;
  position: relative;
  margin-bottom: 0.75rem;
}

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

.o5c7dd li:last-child {
  margin-bottom: 0;
}

.j7b {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.b4bd {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

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

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

.m1e1 {
  flex: 1 1 calc(50% - 1vw);
  min-width: 250px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  transition: var(--transition-base);
}

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

.cce7fab {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.1vw, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

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

.n1c241 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

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

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

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

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

.n85c:last-of-type {
  margin-bottom: 0;
}

.g9af02 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.k5c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.3;
}

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

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

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

.o05c9b {
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 1.3vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

.fa896c2 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.b45be {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

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

.ib90:last-of-type {
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
}

.a5dee050 {
  background: linear-gradient(135deg, rgba(29, 78, 216, 0.08) 0%, rgba(96, 165, 250, 0.08) 100%);
  border: 2px solid var(--color-accent);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(1.5rem, 2vw, 2rem);
}

.he505 {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin-bottom: 1rem;
  font-weight: 500;
}

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

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

.gaf5:after {
  content: "";
}

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

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

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

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

.j2c2e {
  flex: 1 1 35%;
  max-width: 35%;
}

.ma8412 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--color-border);
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
}

.o38 {
  width: 100%;
  aspect-ratio: 1;
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.n4f082d {
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
  display: block;
}

.meb718 {
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 1.2vw, 1.1875rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  line-height: 1.3;
}

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

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

.o4c2b {
  font-size: clamp(0.8125rem, 0.95vw, 0.875rem);
  color: var(--color-text-muted);
  font-weight: 500;
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
}

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

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

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

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

.ce389d28 {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.6;
}

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

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

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

.o5bbbd5f {
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

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

.l978b:hover .o5bbbd5f img {
  transform: scale(1.05);
}

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

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

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

.o54 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 0.95vw, 0.875rem);
  transition: var(--transition-base);
  margin-top: auto;
  padding-top: 0.75rem;
}

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

.o54:after {
  content: "";
}

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

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

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

  .ma8412 {
    position: static;
  }

  .e5ba7,
  .af34d {
    flex-direction: column;
  }

  .jeaef3,
  .kb39,
  .nb23c5,
  .i6a6 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .l978b {
    flex: 1 1 calc(50% - 1.5vw);
    min-width: 280px;
  }
}

@media (max-width: 768px) {
  .h4427 {
    margin-bottom: 1rem;
  }

  .d703a64f {
    font-size: 0.75rem;
    gap: 0.5rem;
  }

  .gf4 {
    gap: 0.75rem;
  }

  .g935 {
    font-size: 0.8125rem;
  }

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

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

  .aee70 {
    width: 50px;
    height: 50px;
    font-size: 1.375rem;
  }

  .n1ee49 {
    max-width: 100%;
  }

  .g97ab {
    gap: 1rem;
  }
}

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

  .d703a64f span {
    margin: 0 0.25rem;
  }

  .gf4 {
    gap: 0.5rem;
    font-size: 0.75rem;
  }

  .g935 {
    font-size: 0.75rem;
  }

  .g935 i {
    font-size: 0.875rem;
  }

  .o5c7dd li {
    padding-left: 1.25rem;
    font-size: 0.8125rem;
  }
}

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

html, body {
  width: 100%;
}

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

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

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

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

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

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

.ba1 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-muted);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

.j7ff7c {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  overflow: hidden;
  margin-top: 2rem;
}

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

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

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

.a0af {
  text-align: center;
  margin-bottom: 1rem;
}

.fc150a {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--color-primary-light);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 1rem;
}

.g04 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.g6b92a89 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.7;
}

.jfb {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 2rem;
}

.p7c1ac {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 10px;
  border-left: 4px solid var(--color-primary);
}

.p7c1ac h3 {
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin-bottom: 1rem;
  font-weight: 600;
}

.p7c1ac p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

.oa546 {
  text-align: center;
  margin-bottom: 1rem;
}

.a13ad {
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.l66 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.7;
}

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

.jd67 {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 10px;
  border-top: 3px solid var(--color-primary);
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 350px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.jd67:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(29, 78, 216, 0.15);
}

.h8c {
  font-size: 2.5rem;
  color: var(--color-primary-light);
  margin-bottom: 1rem;
}

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

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

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

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

.j42a97 {
  text-align: center;
  margin-bottom: 1rem;
}

.j3d23e6 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.d7380 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.7;
}

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

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

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

.o7fc8 {
  flex: 1;
}

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

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

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

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

.h82ff7 {
  text-align: center;
  margin-bottom: 1rem;
}

.d83c {
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 1.5rem;
}

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

.ce4c {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 10px;
  border-bottom: 3px solid var(--color-primary-light);
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  max-width: 280px;
}

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

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

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

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

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

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

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

.l1d2 {
  font-size: clamp(0.8125rem, 0.85vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.8;
  margin-left: 2.5rem;
}

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

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

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

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

  .od9f1812 {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
  }

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

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

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

  .p7c1ac {
    padding: 1.25rem;
  }

  .jd67 {
    min-width: 100%;
  }

  .o7fc8 {
    flex: 1;
  }
}

.bdd71f {
  width: 100%;
  font-family: var(--font-primary);
}

.j484fe {
  background: var(--color-bg-primary);
  padding: 0;
  overflow: hidden;
  min-height: 60vh;
  display: flex;
  align-items: center;
}

.ead24a57 {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

.e29 {
  position: relative;
  width: 100%;
  min-height: 400px;
  overflow: hidden;
}

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

.le7cd82 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, rgba(15, 23, 42, 0.7), transparent);
  pointer-events: none;
}

.b8a003 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 3.5rem);
  text-align: center;
}

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

.kaf4 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  margin: 0 0 1rem 0;
  font-weight: 600;
  letter-spacing: 0.05em;
}

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

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

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

.o3789f {
  max-width: 750px;
  margin: 0 auto;
}

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

.fe0 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 1.25rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.i587 {
  text-align: center;
}

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

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

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

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

.pe65 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  font-weight: 700;
  flex-shrink: 0;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(29, 78, 216, 0.1);
  border-radius: 50%;
}

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

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

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

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

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

.p088973 {
  text-align: center;
}

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

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

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

.d46 {
  flex: 1 1 clamp(250px, 100%, 320px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
  min-height: 280px;
}

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

.kba4f7b {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
  width: clamp(2.5rem, 5vw, 3rem);
  height: clamp(2.5rem, 5vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(29, 78, 216, 0.08);
  border-radius: 8px;
  flex-shrink: 0;
}

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

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

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

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

.e87506 {
  text-align: center;
}

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

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

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

.ode {
  flex-shrink: 0;
  width: clamp(2rem, 4vw, 2.5rem);
  height: clamp(2rem, 4vw, 2.5rem);
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: clamp(1rem, 2vw, 1.25rem);
}

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

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

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

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

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

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

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

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

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

.ed43,
.o8a0 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 6px;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  font-family: var(--font-primary);
  text-align: center;
  min-width: 200px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.o8a0 {
  background: var(--color-bg-card);
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}

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

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

@media (min-width: 640px) {
  .e29 {
    min-height: 450px;
  }

  .n474b {
    flex-direction: row;
  }

  .ed43,
  .o8a0 {
    min-width: auto;
  }
}

@media (min-width: 768px) {
  .e29 {
    min-height: 500px;
  }

  .h764f9 {
    padding: clamp(2rem, 3vw, 2.5rem);
  }

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

  .d46 {
    flex: 1 1 calc(50% - 0.875rem);
  }
}

@media (min-width: 1024px) {
  .e29 {
    min-height: 550px;
  }

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

  .l0e66973 {
    gap: 1.5rem;
  }

  .n474b {
    gap: 1.5rem;
  }
}

@media (min-width: 1440px) {
  .o3789f {
    margin: 0 auto;
    max-width: 850px;
  }

  .p4a {
    max-width: 900px;
  }
}

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

.pfb4 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.oa0d6c53 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.n3172d59 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 650px;
}

.n3e {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.b5a143 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

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

.h50b31c:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.k1a8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.75rem;
}

.h0ebd {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 3vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.n060 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.id80c7b {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid transparent;
  transition: all var(--transition-base);
  width: fit-content;
}

.id80c7b:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary);
}

.id80c7b::after {
  content: '';
  transition: transform var(--transition-fast);
}

.id80c7b:hover::after {
  transform: translateX(4px);
}

.o71d3f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.i05055df {
  font-family: var(--font-heading);
  font-size: clamp(1.8rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.hf90bf {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.k89e {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.k89e:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .pfb4 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .n3e {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .b5a143 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .o71d3f {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .pfb4 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .b5a143 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

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

@media (min-width: 1280px) {
  .b5a143 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.ac11b5 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.nded232 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.k1d7 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  font-weight: 400;
}

@media (min-width: 768px) {
  .ac11b5 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ac11b5 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.c95c7 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.bcea {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .bcea {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .c95c7 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .bcea {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

.iec {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.iec:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

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

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

.j50 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.c6a {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary-light);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-sm);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

.j23e3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.j2685 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-normal);
  flex-grow: 1;
}

.n49533ef {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  margin-top: auto;
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
}

.ib6c {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
}

.o8ec3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.oca5e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.mf3ff {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-normal);
}

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

@media (min-width: 600px) {
  .cc1d3d50 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}

.e9cd2c0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  border: 2px solid transparent;
  text-align: center;
  cursor: pointer;
}

.o7f0 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.o7f0:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

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

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

@media (min-width: 768px) {
  .o8ec3 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .o8ec3 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.a87e main {
  width: 100%;
}

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

.a87e .bf7 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.a87e 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-normal);
}

.a87e .bf6 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.a87e h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-normal);
}

.a87e 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);
}

.a87e ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.a87e 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);
}

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

.a87e .ae5 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.a87e .ae5 h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.a87e .ae5 p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
}

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

@media (min-width: 768px) {
  .a87e .bf7 {
    padding: var(--spacing-4xl) 0;
  }

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

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

@media (min-width: 1024px) {
  .a87e .dab81 {
    padding: 0 var(--spacing-lg);
  }

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

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-primary);
  background-color: var(--color-bg-primary);
}

.n182 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eb288 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.bf7 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.d33d9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--spacing-lg);
}

.pc29 {
  margin-bottom: var(--spacing-2xl);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 140px;
  border-radius: var(--radius-full);
  background-color: var(--color-primary-lighter);
  color: var(--color-primary);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.pc29 svg {
  width: 100%;
  height: 100%;
  display: block;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
  animation: slideUp 0.6s ease-out 0.1s both;
}

.a30 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 600;
  line-height: var(--line-height-normal);
  animation: slideUp 0.6s ease-out 0.2s both;
}

.i4337 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  animation: slideUp 0.6s ease-out 0.3s both;
}

.mb69f4 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  animation: slideUp 0.6s ease-out 0.4s both;
}

.pd8f182 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-lg);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  margin: var(--spacing-xl) 0;
  cursor: pointer;
  letter-spacing: var(--letter-spacing-normal);
  animation: slideUp 0.6s ease-out 0.5s both;
}

.pd8f182:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.pd8f182:active {
  transform: translateY(0);
}

.ma8 {
  font-size: clamp(0.85rem, 1.2vw, 0.95rem);
  color: var(--color-text-muted);
  margin: var(--spacing-xl) 0 0 0;
  line-height: var(--line-height-normal);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  animation: slideUp 0.6s ease-out 0.6s both;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 640px) {
  .eb288 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

  .pc29 {
    width: 160px;
    height: 160px;
    margin-bottom: var(--spacing-3xl);
  }
}

@media (min-width: 768px) {
  .eb288 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

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

  .pc29 {
    width: 180px;
    height: 180px;
    margin-bottom: var(--spacing-3xl);
  }

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

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

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

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

@media (min-width: 1024px) {
  .eb288 {
    padding: var(--spacing-4xl) var(--spacing-md);
  }

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

  .pc29 {
    width: 200px;
    height: 200px;
    margin-bottom: var(--spacing-3xl);
  }

  .pd8f182 {
    padding: var(--spacing-md) var(--spacing-3xl);
    font-size: 1.1rem;
  }
}

.l272e {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ge8d0 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.dab81 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.p51d9ad1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xl);
}

.j1c4bc {
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}

.nfd {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.1));
  animation: float 3s ease-in-out infinite;
}

.h5fbdf48 {
  animation: headShake 2s ease-in-out infinite;
  transform-origin: 100px 60px;
}

.g3cffd71,
.j74d {
  animation: blink 3s ease-in-out infinite;
}

.fc5435,
.j9b {
  animation: lookAround 4s ease-in-out infinite;
  transform-origin: 85px 55px;
}

.b91c7b6d {
  animation: expression 2.5s ease-in-out infinite;
  transform-origin: 100px 72px;
}

.e89f {
  animation: bodyBounce 3s ease-in-out infinite;
}

.pfe97 {
  animation: armWave 2s ease-in-out infinite;
  transform-origin: 81px 95px;
}

.n98 {
  animation: armWave 2s ease-in-out infinite 0.3s;
  transform-origin: 119px 95px;
}

.k6466a {
  animation: legTap 1.5s ease-in-out infinite;
  transform-origin: 87px 145px;
}

.f41 {
  animation: legTap 1.5s ease-in-out infinite 0.3s;
  transform-origin: 113px 145px;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

@keyframes headShake {
  0%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-3deg);
  }
  75% {
    transform: rotate(3deg);
  }
}

@keyframes blink {
  0%, 10%, 15%, 100% {
    opacity: 1;
  }
  5%, 12% {
    opacity: 0.2;
  }
}

@keyframes lookAround {
  0%, 100% {
    transform: translateX(0px);
  }
  25% {
    transform: translateX(-2px);
  }
  75% {
    transform: translateX(2px);
  }
}

@keyframes expression {
  0%, 100% {
    d: path("M 90 70 Q 100 75 110 70");
  }
  50% {
    d: path("M 88 72 Q 100 78 112 72");
  }
}

@keyframes bodyBounce {
  0%, 100% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.98);
  }
}

@keyframes armWave {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(20deg);
  }
}

@keyframes legTap {
  0%, 100% {
    transform: rotateZ(0deg);
  }
  50% {
    transform: rotateZ(-8deg);
  }
}

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

.n0c6e3 {
  font-size: clamp(3.5rem, 12vw, 6rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: var(--line-height-tight);
  margin: 0;
  letter-spacing: var(--letter-spacing-wide);
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.g5d5e {
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  line-height: var(--line-height-normal);
}

.f7c5ee {
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.o942 {
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin: var(--spacing-md) 0;
  border-left: 4px solid var(--color-primary);
}

.k9bc197 {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
}

.k5e {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-sm);
}

.k5e li {
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  color: var(--color-text-secondary);
  padding: var(--spacing-sm) 0;
  border-bottom: 1px solid var(--color-border-light);
}

.k5e li:last-child {
  border-bottom: none;
}

.f139e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  font-weight: 600;
  border-radius: var(--radius-lg);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  letter-spacing: var(--letter-spacing-normal);
}

.la282 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

@media (min-width: 480px) {
  .ge8d0 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

  .j1c4bc {
    max-width: 320px;
  }

  .k5e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
  }
}

@media (min-width: 768px) {
  .ge8d0 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .j1c4bc {
    max-width: 360px;
  }

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

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

  .k5e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .ge8d0 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .j1c4bc {
    max-width: 400px;
  }

  .f7c5ee {
    font-size: 1.1rem;
  }

  .f139e {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: 1.1rem;
  }
}

@media (max-width: 479px) {
  .n0c6e3 {
    margin-bottom: var(--spacing-sm);
  }

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

  .k5e li {
    padding: var(--spacing-sm) 0;
    font-size: 0.9rem;
  }
}

@supports (display: grid) {
  .p51d9ad1 {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nfd,
  .h5fbdf48,
  .g3cffd71,
  .j74d,
  .fc5435,
  .j9b,
  .b91c7b6d,
  .e89f,
  .pfe97,
  .n98,
  .k6466a,
  .f41 {
    animation: none !important;
    transform: none !important;
  }

  .la282:hover {
    transform: none;
  }
}

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

.hb7c55 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

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

.hb7c55 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-tight);
}

.l6a3b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
}

@media (min-width: 768px) {
  .hb7c55 {
    padding: 5rem 0;
  }

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

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

.i4fd6a {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

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

.c7100baa {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: flex-start;
}

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

.ob79a02 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-tight);
}

.ob79a02 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-normal);
}

.k7b {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

.o5cbc764 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.md13,
.b7213 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
  box-sizing: border-box;
}

.md13::placeholder,
.b7213::placeholder {
  color: var(--color-text-muted);
}

.md13:focus,
.b7213:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
  background-color: var(--color-bg-primary);
}

.b7213 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.h7b {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 700;
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  text-transform: uppercase;
  margin-top: var(--spacing-sm);
}

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

.h7b:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.h7b:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.e0906 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin-top: var(--spacing-sm);
}

.jdc {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

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

.aaf9cf3 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-tight);
}

.aaf9cf3 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-normal);
}

.a4c852 {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  margin-bottom: var(--spacing-2xl);
}

.ob0d9919 {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

.hc021 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background-color: var(--color-bg-primary);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: 1.5rem;
}

.i2ea7 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  letter-spacing: var(--letter-spacing-tight);
}

.d0228 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
  display: inline-block;
}

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

.eebf397 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  margin-top: var(--spacing-xs);
  line-height: var(--line-height-normal);
}

.kd3833 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  font-style: normal;
  line-height: var(--line-height-relaxed);
}

.ea05c5f {
  background-color: var(--color-bg-card);
  padding: 1.5rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.ea05c5f h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-tight);
}

.db63f850 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.oe2348f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.oe2348f::before {
  content: "";
  display: inline-block;
  transition: transform var(--transition-base);
}

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

.oe2348f:hover::before {
  transform: translateX(4px);
}

@media (min-width: 768px) {
  .i4fd6a {
    padding: 4rem 0;
  }

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

  .c7100baa {
    gap: 3rem;
  }

  .of21bdce,
  .i7d37 {
    flex: 1 1 calc(50% - 1.5rem);
  }
}

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

.k85ad6 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

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

.k85ad6 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-2xl);
  text-align: center;
  letter-spacing: var(--letter-spacing-tight);
}

.l29b839a {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

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

.pfac:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
}

.pfac h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-tight);
}

.pfac p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.fcd {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

@media (min-width: 768px) {
  .k85ad6 {
    padding: 4rem 0;
  }

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

  .l29b839a {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }
}

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

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

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

  .ob0d9919 {
    gap: 1rem;
  }

  .hc021 {
    width: 45px;
    height: 45px;
    font-size: 1.25rem;
  }
}
.ed0c4,.ld96{
  width: 34px;
}

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

.jbb3{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .jbb3{
    max-width: 100%;
  }
}

.jbb3.l455a{
  z-index: 999;
}

.d49e6{
  padding-top: 50px;
}

.ed0c4[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .ae75 {
    aspect-ratio: 6 / 9;
  }
  .f5301 {
    aspect-ratio: 6 / 9;
  }
}

.pm-fig{margin:0;overflow:hidden;border-radius:var(--radius-lg,14px);
  box-shadow:0 10px 30px rgba(0,0,0,.12);background:var(--color-bg-secondary,#eee);}
.pm-fig img{display:block;width:100%;height:100%;object-fit:cover;}
.pm-wide{aspect-ratio:2/1;width:100%;max-width:960px;margin:clamp(1.5rem,4vw,2.5rem) auto 0;}
.pm-band{aspect-ratio:16/9;max-width:980px;}
.pm-hero{aspect-ratio:4/3;}
.pm-col{flex:1 1 45%;min-width:min(100%,280px);}
.pm-card{aspect-ratio:4/3;border-radius:0;box-shadow:none;margin:0;width:100%;height:100%;min-width:0;min-height:0;}
.pm-bg{position:absolute;top:0;left:0;width:100%;height:100%;
  object-fit:cover;z-index:0;display:block;}
@media (max-width:767px){.pm-col{flex:1 1 100%;}}