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

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

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

  --color-primary: #eab308;
  --color-primary-hover: #ca8a04;
  --color-primary-light: #f4d944;
  --color-secondary: #facc15;
  --color-secondary-light: #fde047;

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

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

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'Plus Jakarta Sans', sans-serif;

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

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

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

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

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

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

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

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
  overflow-x: hidden;
}

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

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

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

h2 {
  font-size: 2.75rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 2rem;
  font-weight: 600;
}

h4 {
  font-size: 1.5rem;
  font-weight: 600;
}

h5 {
  font-size: 1.25rem;
  font-weight: 600;
}

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

p {
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  font-weight: 400;
}

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

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

button {
  font-family: var(--font-primary);
  border: none;
  cursor: pointer;
  transition: all var(--transition-fast);
  border-radius: var(--radius-lg);
  font-weight: 600;
}

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

.k604 {
  background: var(--color-primary);
  color: #000;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 0.95rem;
}

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

.od38e1 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 0.95rem;
  border: 1px solid var(--color-border);
}

.od38e1:hover {
  background: var(--color-bg-card);
  border-color: var(--color-primary);
  transform: translateY(-2px);
}

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

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

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

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.1);
}

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

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .de81f213 {
    padding: var(--spacing-lg);
  }
}
header.c2b73b {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
  overflow: hidden;
}

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

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

.b57b6:hover {
  transform: translateY(-2px);
}

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

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

.b690b {
  display: none;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  flex: 1;
  justify-content: center;
}

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

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

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

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

.ee73 {
  display: none;
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1.25rem, 2.5vw, 1.75rem);
  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;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

.pcef37 {
  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;
}

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

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

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

.c71c2c.k67536d {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

.b19ae {
  padding: clamp(0.875rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 500;
  border-radius: var(--radius-sm);
  transition: all var(--transition-base);
  border-left: 3px solid transparent;
  padding-left: calc(clamp(0.875rem, 2vw, 1.25rem) - 3px);
}

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

.pe7 {
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.25rem, 3vw, 1.75rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  text-align: center;
  transition: all var(--transition-base);
  margin: clamp(1rem, 3vw, 1.5rem);
  display: block;
}

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

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

  .ee73 {
    display: inline-block;
  }

  .pcef37 {
    display: none;
  }

  .c71c2c {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .c71c2c {
    max-width: 100%;
    right: 0;
  }
}

    

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  overflow-x: hidden;
}

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

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

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

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

.ied {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.25rem, 3vw, 2rem);
  border-radius: 8px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  cursor: pointer;
  border: none;
  text-align: center;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

.mdb96 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
}

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

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

.n625c17c {
  flex: 1 1 45%;
  position: relative;
  min-height: 300px;
}

.h51315 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

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

  .h01dd,
  .n625c17c {
    flex: 1 1 100%;
  }

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

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

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

.k701 {
  text-align: center;
}

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

.j5186fa {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

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

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

.m3d745 {
  flex-direction: row;
}

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

.c5d4950d,
.aea0 {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  color: var(--color-accent);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(60px, 10vw, 100px);
  height: clamp(60px, 10vw, 100px);
}

.d4137b1b,
.a8320 {
  flex: 1;
}

.o3a80 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

  .c5d4950d,
  .aea0 {
    order: -1;
  }
}

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

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

.ffa8e7 {
  text-align: center;
}

.e0a7722f {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

.n6c2a1 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
}

.i0e59 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(0.875rem, 2vw, 1.25rem);
  background: var(--color-bg-secondary);
  border-radius: 8px;
  color: var(--color-text-primary);
  transition: all 0.3s ease;
  border: 1px solid var(--color-border-light);
}

.i0e59:hover {
  background: var(--color-bg-primary);
  border-color: var(--color-accent);
  transform: translateX(4px);
}

.i0e59 i {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-accent);
  flex-shrink: 0;
}

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

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

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

.a633c11 {
  text-align: center;
}

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

.p30a203c {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

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

.ba6754 {
  flex: 1 1 clamp(250px, 22vw, 280px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

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

.g140 {
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
}

.b8253c2e {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

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

.abd6 {
  text-align: center;
}

.hea03de {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

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

.ee8 {
  flex: 1 1 clamp(250px, 30vw, 320px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

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

.l420 {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
}

.e44 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

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

.jb48 {
  text-align: center;
}

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

.n1f {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

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

.l38be12 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
  transition: all 0.3s ease;
}

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

.bcee3b {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: clamp(50px, 8vw, 80px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.o56 {
  flex: 1;
}

.caec07b {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

  .bcee3b {
    order: -1;
  }
}

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

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

.b586 {
  text-align: center;
}

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

.odc604e6 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

.c9c294 {
  flex: 1 1 45%;
  position: relative;
  min-height: 400px;
  border-radius: 12px;
  overflow: hidden;
}

.e52780 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  height: 100%;
  text-decoration: none;
  position: relative;
}

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

.ad48a {
  position: relative;
  z-index: 2;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  width: 100%;
}

.e6e9f {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  line-height: 1.3;
}

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

.e52780:hover .g07e4e4f {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

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

.c79f {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
  text-decoration: none;
  min-height: 150px;
}

.c79f:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(234, 179, 8, 0.1);
}

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

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

.e0ffeee {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

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

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

.a94:hover .h5f {
  color: var(--color-text-on-accent);
}

.h5f {
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  text-align: center;
  color: var(--color-text-primary);
  height: 100%;
}

.h5f i {
  font-size: clamp(1.5rem, 3vw, 2rem);
}

.c35ef72d {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
}

.k18c {
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.95rem);
  line-height: 1.5;
}

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

  .c9c294,
  .g2b6 {
    flex: 1 1 100%;
  }

  .c9c294 {
    min-height: 300px;
  }
}

@media (max-width: 768px) {
  .g2b6 {
    flex-direction: row;
    flex-wrap: wrap;
  }

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

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

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

.ce9325 {
  text-align: center;
}

.a0b {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

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

.jf9b8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  min-width: clamp(100px, 18vw, 150px);
  text-align: center;
  transition: all 0.3s ease;
}

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

.jf9b8 i {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-accent);
}

.f9b2b8 {
  font-size: clamp(0.75rem, 1vw + 0.4rem, 0.9rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

  .jf9b8 {
    min-width: clamp(85px, 20vw, 120px);
    padding: clamp(0.75rem, 1.5vw, 1rem);
  }

  .jf9b8 i {
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  }

  .f9b2b8 {
    font-size: clamp(0.65rem, 0.9vw + 0.3rem, 0.8rem);
  }
}

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

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

.lfbbe06 {
  flex: 1 1 50%;
}

.e61 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

.o5ddae {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  align-items: flex-start;
}

.j8eea571 {
  width: 100%;
}

.i09 {
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
  font-weight: 500;
}

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

  .lfbbe06,
  .o5ddae {
    flex: 1 1 100%;
  }

  .o5ddae {
    align-items: center;
  }

  .j8eea571 {
    width: auto;
    min-width: 200px;
  }
}

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

.o3a1.ke7ad5ea {
  display: none;
}

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

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

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

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

.g90,
.ad70 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 6px;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
  white-space: nowrap;
}

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

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

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

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

@media (max-width: 768px) {
  .o3a1 {
    flex-direction: column;
    padding: clamp(1rem, 1.5vw, 1.25rem);
  }

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

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

  .g90,
  .ad70 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

@media (max-width: 480px) {
  .o3a1 {
    padding: clamp(0.75rem, 1.5vw, 1rem);
  }

  .o13b {
    font-size: 0.8125rem;
  }

  .j729f {
    flex-direction: column;
  }

  .g90,
  .ad70 {
    width: 100%;
    min-width: auto;
  }
}

@media (max-width: 1024px) {
  .af9626 {
    padding-bottom: 200px;
  }
}

@media (max-width: 768px) {
  .af9626 {
    padding-bottom: 250px;
  }
}

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

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

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

.oa63 {
  max-width: 35rem;
}

.oa63 h3,
.da3dd4c h3,
.jcdd6c07 h3,
.l319b5c h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: -0.5px;
}

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

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

.hc9fe a {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: all var(--transition-base);
  padding-bottom: 2px;
}

.hc9fe a:hover {
  color: var(--color-accent);
  text-decoration: underline;
  text-underline-offset: 4px;
}

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

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

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

.iec a {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: all var(--transition-base);
  padding-bottom: 2px;
}

.iec a:hover {
  color: var(--color-accent);
  text-decoration: underline;
  text-underline-offset: 4px;
}

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

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

.i011 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin: 0;
  line-height: 1.5;
  font-style: italic;
}

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

  .oa63 {
    grid-column: 1 / -1;
    max-width: 45rem;
  }

  .da3dd4c {
    grid-column: 1;
  }

  .jcdd6c07 {
    grid-column: 2;
  }

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

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

@media (min-width: 1024px) {
  .j215 {
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(2.5rem, 5vw, 3.5rem);
  }

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

  .da3dd4c {
    grid-column: 2;
  }

  .jcdd6c07 {
    grid-column: 3;
  }

  .l319b5c {
    grid-column: 4;
  }

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

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

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

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

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

.ee6a2b16 {
  text-align: center;
}

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

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

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

.pa9be {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 500;
  transition: all var(--transition-base);
  cursor: default;
  white-space: nowrap;
}

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

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

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

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

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

.ea019b {
  text-align: center;
}

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

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

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

.caa31 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 260px;
  max-width: 320px;
  transition: all var(--transition-base);
}

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

.d24 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

.m56 {
  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;
}

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

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

.f33f1c {
  text-align: center;
}

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

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

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

.k322d {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  overflow: hidden;
  align-items: stretch;
}

.k322d:hover {
  border-color: var(--color-accent);
  box-shadow: 0 4px 12px rgba(234, 179, 8, 0.1);
}

.m883c {
  flex: 1 1 40%;
  min-width: 250px;
  overflow: hidden;
  border-radius: var(--radius-md);
}

.m14d {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 220px;
}

.pb0171 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 60%;
  justify-content: space-between;
}

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

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

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

.i1e188,
.ge471c43,
.p80 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
  color: var(--color-text-muted);
  white-space: nowrap;
}

.i1e188 i,
.ge471c43 i,
.p80 i {
  color: var(--color-accent);
  font-size: 0.9em;
}

.kdab91e {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

  .m883c {
    flex: 1 1 100%;
    min-height: 200px;
  }

  .pb0171 {
    flex: 1 1 100%;
  }

  .pa9be {
    flex: 1 1 calc(50% - 0.375rem);
    justify-content: center;
  }

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

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

  .k322d {
    gap: clamp(1.25rem, 2.5vw, 2rem);
  }
}

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

  .m883c {
    flex: 1 1 35%;
  }

  .pb0171 {
    flex: 1 1 65%;
  }
}

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ab9f {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  flex-wrap: wrap;
}

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

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

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

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

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

.mcd12e69 {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  display: block;
}

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

  .pad,
  .afa0a {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.jd5a1 {
  max-width: 900px;
}

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

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

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

.gbe26 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  border: 1px solid var(--color-border);
  text-align: center;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

.e26 {
  flex: 0 0 250px;
  position: sticky;
  top: 2rem;
}

.m34d {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  border: 1px solid var(--color-border);
  text-align: center;
}

.nddf {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto 1rem;
  display: block;
  border: 2px solid var(--color-accent);
}

.a30af3 {
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

.hea3cff8 {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

.le2db80a {
  font-size: 0.875rem;
  color: var(--color-text-muted);
  margin-bottom: 1rem;
}

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

.cc297d {
  flex: 1 1 auto;
}

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

.i41:nth-child(odd) {
  background: var(--color-bg-primary);
}

.i41:nth-child(even) {
  background: var(--color-bg-secondary);
}

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

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

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

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

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

.d0e4 {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  display: block;
}

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

  .e26 {
    flex: 1 1 100%;
    position: static;
  }

  .cc297d {
    flex: 1 1 100%;
  }

  .a1e9afa0 {
    flex-direction: column;
  }

  .f4abe6,
  .ddef3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.m247baf6 {
  max-width: 900px;
}

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

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

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

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

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

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

.c68 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

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

  .m27 {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
  }
}

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

.ad3b {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  max-width: 800px;
}

.a39a87e {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

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

.f7304d8 {
  max-width: 900px;
}

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

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

.lf1 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  border: 1px solid var(--color-border);
  text-align: center;
  margin-top: 2rem;
}

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

.k9016746 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

.k9016746:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
  transform: translateY(-2px);
}

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

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

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

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

.i6ed41 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.i6ed41:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(234, 179, 8, 0.1);
}

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

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

.i6ed41:hover .dc44984 {
  transform: scale(1.05);
}

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

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

.ifa8 {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

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

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

  .i6ed41 {
    flex: 1 1 100%;
    min-width: auto;
    max-width: none;
  }
}

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

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

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

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}

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

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

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

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

.g2ef {
  width: 100%;
}

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

.f88 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

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

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

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

.jf3b8 {
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

.k0bf i {
  color: var(--color-accent);
  font-size: clamp(0.8rem, 1vw, 1rem);
}

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

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

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

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

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

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

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

.ke1f {
  flex: 1 1 40%;
}

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

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

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

.ic18f li {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ee4779 {
  flex-shrink: 0;
}

.g62623e {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  object-fit: cover;
  display: block;
}

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

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

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

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

.ge8ce1 {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  font-weight: 500;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.g91faf {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 300px;
  background: var(--color-bg-secondary);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cba {
  font-size: clamp(1.75rem, 4vw + 0.75rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

.fbb0b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
  width: fit-content;
}

.fbb0b:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  text-decoration: none;
}

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

  .i78 {
    flex: 1 1 100%;
  }

  .l4d {
    flex: 1 1 100%;
  }

  .hfa67 {
    flex-direction: column;
  }

  .ld5d {
    flex: 1 1 100%;
  }

  .ke1f {
    flex: 1 1 100%;
  }

  .fdbe9 {
    flex-direction: column;
  }

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

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

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

  .e52e {
    flex-direction: column;
  }

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

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

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

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

  .j6368e31 {
    flex-direction: column;
  }

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

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

  .e9d36a {
    align-items: center;
  }

  .f0481d54 {
    flex-direction: column;
  }

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

  .a8534a9 {
    text-align: center;
  }

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

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

  .eec226e {
    font-size: 1.25rem;
  }

  .ocb80 {
    font-size: 1.25rem;
  }

  .afb6b {
    font-size: 1.25rem;
  }

  .n819ad {
    font-size: 1.5rem;
  }

  .b0795bce {
    font-size: 1.5rem;
  }

  .cba {
    font-size: 1.5rem;
  }

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

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

html {
  scroll-behavior: smooth;
}

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

.p331 {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pbe {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
}

.m9554bbf {
  display: inline-block;
}

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

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

.d93f97c {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
}

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

  .ebe7a1,
  .h0b7 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.mae8f99e {
  flex: 1;
}

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

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

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

.e071bb {
  flex: 1;
}

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

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

.ca7 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

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

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

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

.h4a8 {
  position: fixed;
  left: clamp(1rem, 3vw, 2rem);
  top: 50%;
  transform: translateY(-50%);
  width: clamp(140px, 18vw, 200px);
  z-index: 40;
}

.mbbe9 {
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: clamp(0.75rem, 1.5vw, 1rem);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
  text-align: center;
  position: sticky;
  top: 50%;
  transform: translateY(-50%);
}

.hf4830 {
  width: clamp(80px, 12vw, 120px);
  height: clamp(80px, 12vw, 120px);
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--color-accent);
}

.e4c820 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0;
}

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

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

.a0f30f3 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  margin: 0;
  font-weight: 500;
}

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

@media (max-width: 1200px) {
  .h4a8 {
    position: static;
    transform: none;
    width: 100%;
  }

  .mbbe9 {
    position: static;
    transform: none;
    max-width: 250px;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .h4a8 {
    position: static;
    width: 100%;
    left: auto;
    top: auto;
    transform: none;
  }

  .mbbe9 {
    position: static;
    transform: none;
    width: 100%;
    max-width: 100%;
  }
}

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

.eb4a,
.f58dd {
  background: var(--color-bg-secondary);
}

.d23e2,
.f463e0 {
  background: var(--color-bg-tertiary);
}

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

.p11dab23,
.g257f9,
.ef4,
.gb9 {
  flex: 1 1 50%;
  max-width: 50%;
}

.je17a7,
.e991,
.f8f12dd,
.g5178 {
  flex: 1 1 50%;
  max-width: 50%;
}

.e3d9d {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  display: block;
}

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

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

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

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

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

.ce06 strong {
  color: var(--color-accent);
  font-weight: 600;
}

@media (max-width: 768px) {
  .k50,
  .id37029,
  .ld5,
  .l63 {
    flex-direction: column;
  }

  .p11dab23,
  .g257f9,
  .ef4,
  .gb9,
  .je17a7,
  .e991,
  .f8f12dd,
  .g5178 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.m3408 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 380px;
  background: var(--color-bg-secondary);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-border);
  transition: var(--transition-base);
}

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

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

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

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

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

.mf24f {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  transition: var(--transition-base);
  display: inline-block;
  margin-top: auto;
}

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

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

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

  .d19ac {
    flex-direction: column;
  }
}

.b92da8 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
}

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

.dcb68d2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

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

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

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

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

@media (max-width: 1024px) {
  .h4a8 {
    position: static;
    width: 100%;
    transform: none;
    left: auto;
    top: auto;
    margin-bottom: 2rem;
  }

  .mbbe9 {
    position: static;
    transform: none;
    max-width: 250px;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .k67 {
    font-size: 0.75rem;
  }

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

@media (max-width: 480px) {
  .k67 {
    flex-direction: column;
    gap: 0.25rem;
  }

  .k67 span {
    display: none;
  }

  .pbe {
    flex-direction: column;
    gap: 0.25rem;
  }

  .c42803d {
    display: none;
  }
}

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

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

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

.i7c7 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  flex-wrap: wrap;
}

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

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

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

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

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

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

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

.pf11 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
}

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

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

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

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

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

  .j1c7,
  .f369731 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .de58f {
    max-height: 350px;
  }
}

.be0827eb {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 4rem) 0;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
}

.h832df {
  flex: 0 1 200px;
  position: relative;
}

.cb611a02 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border-light);
  text-align: center;
  position: sticky;
  top: 2rem;
}

.i4ff {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 auto clamp(1rem, 2vw, 1.5rem);
  object-fit: cover;
  display: block;
  border: 2px solid var(--color-border);
}

.p1dec41 {
  font-family: var(--font-heading);
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

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

.e4f {
  flex: 1 1 auto;
  min-width: 0;
}

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

  .h832df {
    flex: 1 1 auto;
  }

  .cb611a02 {
    position: static;
  }

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

@media (max-width: 768px) {
  .be0827eb {
    display: block;
  }

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

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

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

.d4cff {
  flex: 1 1 60%;
  max-width: 60%;
}

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

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

.fb665b {
  flex: 1 1 40%;
  max-width: 40%;
}

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

.j180c9 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

  .d4cff,
  .fb665b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .m57c9,
  .gc17 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .gc17 img {
    max-height: 300px;
  }
}

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

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

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

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

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

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

.kd712ba {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

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

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

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

.n38 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  text-align: center;
}

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

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

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

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

.c2781ead {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) 0.5rem;
}

.b73da0 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  padding: 0 clamp(1rem, 2vw, 1.5rem) 1rem;
  line-height: 1.6;
  flex: 1 1 auto;
}

.md30 {
  color: var(--color-accent);
  font-weight: 600;
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  display: inline-block;
  transition: color var(--transition-base);
}

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

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

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

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

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

.l373dba {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-secondary);
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

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

.p11 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  text-align: center;
}

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

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

.ga4 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
  text-align: center;
}

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

@media (max-width: 768px) {
  .ga4 {
    width: 100%;
    max-width: 300px;
  }
}

@media (min-width: 1440px) {
  .bb0 {
    padding: 0 4rem;
  }
}

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

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

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

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

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

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

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

.ied {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
  cursor: pointer;
  text-align: center;
  border: none;
}

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

.k604:hover {
  background: var(--color-accent-hover);
  opacity: 0.95;
}

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

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

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

.nedf2 {
  text-align: center;
  max-width: 900px;
}

.b83a {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
  border: 1px solid var(--color-border);
}

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

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

.dd817 {
  width: 100%;
  max-width: 1000px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

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

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

.af7d415 {
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
}

.i582 {
  display: inline-block;
  background: #e8f5e9;
  color: #2e7d32;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

.b09d {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: #1a1a1a;
  line-height: 1.3;
  margin-bottom: 1rem;
  font-weight: 700;
}

.p5dab {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #424242;
  line-height: 1.7;
  max-width: 800px;
  margin: 0 auto;
}

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

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

.f8e5aecf {
  background: #ffffff;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 250px;
  transition: var(--transition-base);
}

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

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

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

.d4abb68 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: #1a1a1a;
  margin-bottom: 0.75rem;
  font-weight: 700;
}

.lb87d816 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: #616161;
  line-height: 1.6;
}

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

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

.k69e {
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
}

.mde916 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
  border: 1px solid var(--color-border);
}

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

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

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

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

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

.mf3378e {
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
}

.c0d2 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-secondary);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
  border: 1px solid var(--color-border);
}

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

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

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

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

.c7d8b {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 800;
  color: var(--color-accent);
  min-width: 60px;
  line-height: 1;
}

.j3689 {
  flex: 1;
}

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

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

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

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

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

.ld1 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  font-style: italic;
  margin-bottom: 1.5rem;
  font-weight: 500;
}

.ce5a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  display: block;
  font-style: normal;
  font-weight: 600;
}

.dfe7b {
  background: #f5f5f5;
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
}

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

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

.p6a1d5 {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: #1976d2;
  min-width: 32px;
  margin-top: 0.25rem;
}

.i22944 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: #1a1a1a;
  font-weight: 700;
}

.mffed6b7 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: #424242;
  line-height: 1.7;
  margin: 0;
}

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

  .l288eb1 {
    flex-direction: row;
  }

  .na56 {
    flex-direction: row;
  }

  .d628ff {
    flex-direction: row;
  }
}

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

  .l288eb1 {
    gap: 1rem;
  }

  .c7d8b {
    min-width: 50px;
  }
}

.id328eeb {
  width: 100%;
  font-family: var(--font-primary, 'DM Sans', sans-serif);
}

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

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

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

.lace754 {
  width: 100%;
  max-width: 500px;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-lg, 8px);
  overflow: hidden;
}

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

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

.p0b01 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.fb44b {
  font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif);
  font-size: clamp(1.75rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .lace754 {
    flex: 1 1 45%;
    max-width: none;
  }

  .bdb48 {
    flex: 1 1 55%;
    text-align: left;
  }
}

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

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

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

.fe8e27 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.ea38fe {
  font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p97 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg, 8px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-left: 4px solid var(--color-accent);
  transition: transform var(--transition-base, 0.3s ease), box-shadow var(--transition-base, 0.3s ease);
}

.p97:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md, 0 4px 12px rgba(0, 0, 0, 0.1));
}

.e87bd4 {
  font-size: 1.75rem;
  color: var(--color-accent);
  display: flex;
  align-items: center;
}

.oed17 {
  font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .a32 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: space-between;
  }

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

@media (min-width: 1024px) {
  .p97 {
    flex: 1 1 calc(25% - 1.5rem);
  }
}

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

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

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

.a85c0d5 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.nfa679c1 {
  font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.dfda12 {
  display: flex;
  justify-content: center;
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
}

.m1abfaa {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg, 8px);
  border-left: 5px solid var(--color-accent);
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.o69db75 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  font-style: italic;
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hadc94 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  text-align: right;
}

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

.e5d4 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg, 8px);
  border-top: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: transform var(--transition-base, 0.3s ease);
}

.e5d4:hover {
  transform: translateY(-2px);
}

.c03b8c {
  font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .ff9f {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: space-between;
  }

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

@media (min-width: 1024px) {
  .e5d4 {
    flex: 1 1 calc(25% - 1.5rem);
  }
}

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

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

.f581c6d {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.f6bc96 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.ne8 {
  font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k13fe81 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

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

.lebb {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg, 8px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--color-border-light, rgba(255, 255, 255, 0.1));
  transition: all var(--transition-base, 0.3s ease);
}

.lebb:hover {
  transform: translateY(-3px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 20px rgba(234, 179, 8, 0.15);
}

.e525f {
  font-size: 2rem;
  color: var(--color-accent);
  display: flex;
  align-items: center;
}

.h9eee {
  font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .o8adfc28 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: space-between;
  }

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

@media (min-width: 1024px) {
  .lebb {
    flex: 1 1 calc(33.333% - 1.33rem);
  }
}

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

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

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

.bef3 {
  font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.kadb2 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

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

.m2565 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg, 8px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  padding-left: clamp(4rem, 8vw, 6rem);
}

.f7c934f6 {
  position: absolute;
  left: clamp(1rem, 3vw, 2rem);
  top: clamp(1rem, 3vw, 2rem);
  font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  opacity: 0.3;
}

.g60df46 {
  font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .a7b {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: space-between;
  }

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

@media (min-width: 1024px) {
  .m2565 {
    flex: 1 1 calc(33.333% - 1.33rem);
  }
}

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

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

.b85f6 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 5vw, 4rem);
  border-radius: var(--radius-xl, 12px);
  text-align: center;
  border: 2px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.f6bd {
  font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p69 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

.d4b1b1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.e661,
.a84 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md, 6px);
  font-family: var(--font-primary, 'DM Sans', sans-serif);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base, 0.3s ease);
  cursor: pointer;
  border: none;
  white-space: nowrap;
}

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

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

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

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

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

.m4fc {
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.gd83 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

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

.f71c519 {
  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: 1.2;
}

.e49477c {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .gd83 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .gd83 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.c03bb74 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.b22e2176 {
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
}

.e1c2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .c03bb74 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .e1c2 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .c03bb74 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .e1c2 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }
}

.c842 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

.c842:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

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

.ldcd {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.25rem, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

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

@media (min-width: 768px) {
  .c842 {
    padding: var(--spacing-xl);
  }

  .h3fe4 {
    width: 56px;
    height: 56px;
    font-size: 1.75rem;
    margin-bottom: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .c842 {
    padding: var(--spacing-2xl);
  }

  .h3fe4 {
    width: 64px;
    height: 64px;
    font-size: 2rem;
  }
}

.ebf0af64 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.a3431 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.i890bfea {
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.k901b1c {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  font-family: var(--font-primary);
}

.k901b1c:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

.k901b1c:active {
  transform: scale(0.98);
}

@media (min-width: 768px) {
  .ebf0af64 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .ebf0af64 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .c842,
  .k901b1c {
    transition: none;
  }

  .c842:hover {
    transform: none;
  }

  .k901b1c:active {
    transform: none;
  }
}

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

.acd {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.c227d7 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

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

@media (min-width: 768px) {
  .acd {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .acd {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.b64 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.n53 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .b64 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .n53 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .b64 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

.k10b {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

.nf4492 {
  width: 100%;
  height: 220px;
  background-color: var(--color-bg-secondary);
  overflow: hidden;
  position: relative;
}

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

.k10b:hover .nf4492 img {
  transform: scale(1.02);
}

.n81 {
  padding: var(--spacing-lg);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.d8ea92 {
  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);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.j11f1 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

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

@media (min-width: 768px) {
  .nf4492 {
    height: 240px;
  }

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

@media (min-width: 1024px) {
  .nf4492 {
    height: 260px;
  }
}

.mf991e53 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.ce8ade9a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.ec9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.7;
}

.mebaa {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.mebaa:hover {
  background-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

.mebaa:active {
  background-color: var(--color-primary-dark);
}

@media (min-width: 768px) {
  .mf991e53 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .mf991e53 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.b87 .bb0 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.b87 .c20f28 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.b87 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: 1.3;
}

.b87 .g8098cd {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.b87 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.b87 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.b87 ul {
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-lg);
}

.b87 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.b87 .l981c806 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.b87 .l981c806 h2 {
  margin-top: 0;
}

.b87 .l981c806 p {
  margin-bottom: var(--spacing-md);
}

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

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

@media (min-width: 768px) {
  .b87 .bb0 {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .b87 .bb0 {
    padding: 0 var(--spacing-xl);
  }

  .b87 .c20f28 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

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

.h1e2 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mb01c92d {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.c20f28 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.a0673c {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.k738aff2 {
  margin-bottom: var(--spacing-xl);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  background-color: var(--color-primary-light);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.k738aff2 svg {
  width: 44px;
  height: 44px;
  color: var(--color-primary);
  stroke-width: 2.5;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: var(--spacing-sm);
  line-height: 1.2;
}

.md9f1 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.01em;
}

.k024d7 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

.l0b7a6 {
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
}

.ied {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
  text-align: center;
  letter-spacing: 0.3px;
}

.k604 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.k604:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 768px) {
  .mb01c92d {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

  .k738aff2 {
    width: 100px;
    height: 100px;
    margin-bottom: var(--spacing-2xl);
  }

  .k738aff2 svg {
    width: 56px;
    height: 56px;
  }

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

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

  .ied {
    padding: var(--spacing-md) var(--spacing-2xl);
    font-size: 1.05rem;
  }
}

@media (min-width: 1024px) {
  .mb01c92d {
    padding: var(--spacing-4xl) var(--spacing-md);
  }

  .k738aff2 {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-3xl);
  }

  .k738aff2 svg {
    width: 64px;
    height: 64px;
  }
}

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

.c89fc0 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
  font-family: var(--font-primary);
}

.h87f85a {
  width: 100%;
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

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

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

.i8ce6 {
  display: flex;
  flex-direction: column !important;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.kc68 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-xl);
}

.hfe527c6 {
  position: relative;
  display: inline-block;
}

.ce8a7 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: block;
  line-height: 1;
  position: relative;
  z-index: 2;
}

.e2a6 {
  position: absolute;
  width: clamp(150px, 30vw, 300px);
  height: clamp(150px, 30vw, 300px);
  border: 2px solid var(--color-primary-light);
  border-radius: var(--radius-full);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.15;
  z-index: 1;
  animation: rotate 20s linear infinite;
}

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

.e37199d {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  letter-spacing: -0.01em;
}

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

.gf5a2a8c {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto;
}

.ee6a88a {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg) var(--spacing-md);
  margin: var(--spacing-md) 0;
}

.m047 {
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--spacing-sm);
}

.f920 {
  font-family: 'Courier New', monospace;
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-primary);
  word-break: break-all;
  font-weight: 500;
}

.f22b86e {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  margin-top: var(--spacing-xl);
}

.ied {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  letter-spacing: 0.5px;
}

.k604 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.k604:active {
  transform: translateY(0);
}

.gb2ff {
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.6;
}

.ga9f42e6 {
  margin-top: var(--spacing-2xl);
  opacity: 0.8;
}

.c97b989 {
  width: clamp(80px, 20vw, 150px);
  height: clamp(80px, 20vw, 150px);
  color: var(--color-primary-light);
  margin: 0 auto;
  animation: float 3s ease-in-out infinite;
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@media (min-width: 640px) {
  .h87f85a {
    padding: var(--spacing-3xl) 0;
  }

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

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

@media (min-width: 768px) {
  .c89fc0 {
    padding: var(--spacing-lg);
  }

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

  .i8ce6 {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    gap: var(--spacing-3xl);
  }

  .kc68 {
    flex: 0 0 auto;
    margin-bottom: 0;
    min-width: 250px;
  }

  .g420efbd {
    flex: 1;
    justify-content: flex-start;
  }

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

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

  .ga9f42e6 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .bb0 {
    padding: 0 var(--spacing-lg);
  }

  .kc68 {
    min-width: 300px;
  }

  .ce8a7 {
    font-size: clamp(5rem, 12vw, 8rem);
  }

  .e2a6 {
    width: 350px;
    height: 350px;
  }
}

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

.ae4e9 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

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

.n84 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.n5a14f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

@media (min-width: 768px) {
  .ae4e9 {
    padding: 5rem 2rem;
  }
}

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

.of1f {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.d51522f6 {
  width: 100%;
}

.ee7 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  width: 100%;
}

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

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

.de4 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.3;
}

.g3d8d7 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.3;
}

.m26 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.n9d4967 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

.i87e {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.f84,
.c6beb4 {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);
}

.f84::placeholder,
.c6beb4::placeholder {
  color: var(--color-text-muted);
}

.f84:focus,
.c6beb4:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);
}

.c6beb4 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.h0c {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.ed11 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.c3c6f9 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  cursor: pointer;
  transition: background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
  text-align: center;
}

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

.c3c6f9:active {
  transform: translateY(0);
}

.oac3af {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.ddcd2b {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

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

.i4b7 {
  flex: 1;
}

.c73d {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: 1.3;
}

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

.eafa16e1 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.p2b68c {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

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

.k6b8fa {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.c365a {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

@media (min-width: 768px) {
  .of1f {
    padding: 4rem 2rem;
  }

  .ebe {
    flex: 1 1 45%;
  }

  .b2705 {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .of1f {
    padding: 5rem 2rem;
  }

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

.m716 {
  background-color: var(--color-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

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

.o3781afc {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.e50 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.7;
  margin: 0 0 var(--spacing-lg) 0;
}

.m43f {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}

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

.m43f:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .m716 {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .m716 {
    padding: 5rem 2rem;
  }
}
.pcef37,.b17fb{
  width: 34px;
}

.b690b{
  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;
}

.c71c2c{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .c71c2c{
    max-width: 100%;
  }
}

.c71c2c.k67536d{
  z-index: 999;
}

.m1d9{
  padding-top: 50px;
}

.pcef37[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .gdb43 {
    aspect-ratio: 6 / 9;
  }
  .lace754 {
    aspect-ratio: 6 / 9;
  }
}