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

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

  --color-text-primary: #25968e;
  --color-text-secondary: #000000;
  --color-text-muted: #000000;
  --color-text-light: #ffffff;

  --color-primary: #0d9488;
  --color-primary-hover: #0f766e;
  --color-primary-light: #d1faf8;
  --color-primary-lighter: #f0fffe;
  
  --color-secondary: #14b8a6;
  --color-secondary-light: #ccf7f3;
  --color-secondary-lighter: #f0fbfa;

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  
  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

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

  --font-primary: 'Open Sans', sans-serif;
  --font-heading: 'Raleway', sans-serif;

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

h1 {
  font-size: 3.5rem;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

h2 {
  font-size: 2.5rem;
  font-weight: 700;
}

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 {
  margin: 0;
  line-height: var(--line-height-relaxed);
}

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

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

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

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

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

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

.i6c9cc3b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 1rem;
  font-weight: 600;
  border-radius: var(--radius-lg);
  transition: all var(--transition-fast);
  text-decoration: none;
  white-space: nowrap;
}

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

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

.m6194bf1:active {
  transform: scale(0.98);
}

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

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

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

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

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

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

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

.faebf38 {
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: 1.125rem;
}

.g4bd {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.k491 {
  background: var(--color-bg-primary);
  border-color: var(--color-bg-tertiary);
  color: var(--color-text-light);
}

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

.k491 h1,
.k491 h2,
.k491 h3,
.k491 h4,
.k491 h5,
.k491 h6 {
  color: var(--color-text-light);
}

.k491 p {
  color: var(--color-text-light);
}

.e54e {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

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

.ld78da78 {
  background: var(--color-secondary-light);
  color: var(--color-text-primary);
}

.of88 {
  background: var(--color-success-light);
  color: var(--color-text-primary);
}

.n36568 {
  background: var(--color-warning-light);
  color: var(--color-text-primary);
}

.ia1 {
  background: var(--color-danger-light);
  color: var(--color-text-primary);
}

.j4c66f9 {
  padding: var(--spacing-3xl) var(--spacing-md);
}

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

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

.h3b h1,
.h3b h2,
.h3b h3,
.h3b h4,
.h3b h5,
.h3b h6 {
  color: var(--color-text-light);
}

.iaa7 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
}

.iaa7 h1,
.iaa7 h2,
.iaa7 h3,
.iaa7 h4,
.iaa7 h5,
.iaa7 h6 {
  color: var(--color-text-light);
}

.a45 {
  display: grid;
  gap: var(--spacing-lg);
}

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

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

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

@media (max-width: 1024px) {
  .b7c {
    grid-template-columns: repeat(2, 1fr);
  }

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .f4aee,
  .d8cd,
  .b7c {
    grid-template-columns: 1fr;
  }

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

.j70c3d4 {
  display: flex;
}

.la9 {
  flex-direction: column;
}

.b53e {
  align-items: center;
  justify-content: center;
}

.n69 {
  align-items: center;
  justify-content: space-between;
}

.i7e {
  align-items: flex-start;
  justify-content: flex-start;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k6218e1d {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}

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

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

.k4d {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}

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

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

.i11 {
  text-align: center;
}

.n1e8afc {
  text-align: left;
}

.o18 {
  text-align: right;
}

.ia355ba {
  font-size: 0.875rem;
}

.hb7 {
  font-size: 1.125rem;
}

.pd818a9 {
  font-size: 1.25rem;
}

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

.b55273a {
  color: var(--color-text-light);
}

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

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

.h7e4f {
  font-weight: 700;
}

.me6 {
  font-weight: 600;
}

.d650 {
  font-weight: 500;
}

.l4cc58 {
  font-weight: 400;
}

.i15b2d48 {
  text-decoration: underline;
}

.ee7219 {
  text-decoration: none;
}

.m10b9 {
  opacity: 0.5;
}

.l9ba5e40 {
  opacity: 0.75;
}

.l3a3 {
  border-radius: var(--radius-sm);
}

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

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

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

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

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

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

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

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

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

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

.cf4a7b {
  border-color: var(--color-primary);
}

.kfb87875 {
  border-color: var(--color-secondary);
}

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

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

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

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

.dc9 {
  width: 100%;
}

.d02552c3\/2 {
  width: 50%;
}

.a0c3923 {
  height: 100%;
}

.k5a44a3 {
  max-width: 24rem;
}

.h07 {
  max-width: 28rem;
}

.je336b {
  max-width: 32rem;
}

.c869c {
  max-width: 36rem;
}

.h71058 {
  max-width: 42rem;
}

.f3a {
  max-width: 48rem;
}

.k0fc {
  max-width: 56rem;
}

.hec8522 {
  max-width: 64rem;
}

.pd76131 {
  max-width: 100%;
}

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

.lc9d {
  display: block;
}

.b9f {
  display: inline-block;
}

.e15af {
  display: inline;
}

.pa8a {
  display: none;
}

.c6d503b {
  visibility: hidden;
}

.a8b {
  position: absolute;
}

.eec31 {
  position: relative;
}

.a9c7bb {
  position: fixed;
}

.e86c {
  position: sticky;
}

@media (max-width: 768px) {
  .fdaef1 {
    padding: 0 var(--spacing-sm);
  }
}
.d7a817 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  z-index: 100;
  width: 100%;
}

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

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

.gcfc7:hover {
  opacity: 0.85;
}

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

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

.le81 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  flex-grow: 1;
  justify-content: center;
}

.g4ce461e {
  color: var(--color-text-primary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: var(--radius-sm);
  transition: all var(--transition-base);
  white-space: nowrap;
}

.g4ce461e:hover {
  color: var(--color-accent);
  background: var(--color-bg-secondary);
}

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

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

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

.mbd7:hover {
  opacity: 0.7;
}

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

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

.ec69c79.l10 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

.ece:hover {
  opacity: 0.7;
}

.n23 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1rem 0;
  flex-grow: 1;
}

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

.l0d9a:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: 2rem;
}

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

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

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

  .mbd7 {
    display: none;
  }

  .ec69c79 {
    display: none;
  }
}

@media (max-width: 767px) {
  .p230 {
    padding: 1rem;
  }

  .d6961 {
    font-size: 1.125rem;
  }
}

@media (min-width: 1024px) {
  .p230 {
    padding: 1.25rem 2rem;
  }

  .g4ce461e {
    padding: 0.5rem 1.25rem;
  }
}

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

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

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

.i6c9cc3b {
  display: inline-block;
  padding: 0.875rem 2rem;
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
}

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

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

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

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

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

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

.h08f {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.g7ed75 {
  position: relative;
  width: 100%;
  max-width: 600px;
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-2xl);
  transform: perspective(1200px) rotateY(-5deg) rotateX(2deg);
  transition: all var(--transition-slow);
}

.g7ed75:hover {
  transform: perspective(1200px) rotateY(-2deg) rotateX(0deg);
  box-shadow: var(--shadow-xl);
}

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

.j69 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
}

.cdb4e {
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 0.5rem 0;
  line-height: var(--line-height-tight);
}

.ae0a939 {
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  color: #e8e8e8;
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.ldfaba53 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

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

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

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

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

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

@media (min-width: 768px) {
  .j912f7a4 {
    flex: 1 1 55%;
  }
}

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

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

.d00910f {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  padding: 0.5rem 0;
  border-bottom: 2px solid var(--color-accent);
  transition: all var(--transition-base);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

.d00910f:hover {
  color: var(--color-accent-hover);
  border-bottom-color: var(--color-accent-hover);
}

.a0192 {
  flex: 1 1 100%;
}

@media (min-width: 768px) {
  .a0192 {
    flex: 1 1 45%;
  }
}

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

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

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

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

.i49f0 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-primary);
}

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

.j4822 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-tertiary);
}

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

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

.l25e8a9 {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  border-radius: var(--radius-md);
  font-size: 1.75rem;
  color: var(--color-text-on-accent);
}

.j4822 .l25e8a9 {
  background: var(--color-secondary);
}

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

.j4822 .o6c011a3 {
  color: #ffffff;
}

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

.j4822 .l5c8e {
  color: #d1d5db;
}

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

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

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

.adff50a {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

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

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

@media (min-width: 768px) {
  .a3ca {
    flex: 1 1 50%;
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

.c9c {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 140px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  text-align: center;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

.ha454e {
  flex: 1 1 200px;
  min-width: 180px;
  max-width: 220px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.fe978 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0 0 1rem 0;
}

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

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

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

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

.afa8eef {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  line-height: var(--line-height-relaxed);
}

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

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

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

.hd95 {
  flex: 1 1 100%;
}

@media (min-width: 768px) {
  .hd95 {
    flex: 1 1 45%;
  }
}

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

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

@media (min-width: 768px) {
  .d47bb {
    flex: 1 1 55%;
    padding-left: clamp(2rem, 4vw, 3rem);
  }
}

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

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

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

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

.be75 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.b1ed {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  padding: 0.5rem 0;
  border-bottom: 2px solid var(--color-accent);
  transition: all var(--transition-base);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  align-self: flex-start;
}

.b1ed:hover {
  color: var(--color-accent-hover);
  border-bottom-color: var(--color-accent-hover);
}

.ac709 {
  text-align: center;
  margin-top: clamp(1rem, 2vw, 2rem);
}

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

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

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

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

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

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

.j11e47 {
  flex: 1 1 250px;
  min-width: 220px;
  max-width: 300px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

.dfa.pa8a {
  display: none;
}

.n5ade0b {
  color: var(--color-text-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  flex: 1 1 100%;
  text-align: center;
  line-height: var(--line-height-snug);
}

@media (min-width: 768px) {
  .n5ade0b {
    flex: 1 1 auto;
    text-align: left;
  }
}

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

@media (min-width: 768px) {
  .p6b32 {
  }
}

.fdedbae0,
.jc8c {
  padding: 0.625rem 1.25rem;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

.jc8c:hover {
  border-color: var(--color-text-primary);
  background: var(--color-bg-secondary);
}

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

  .oa18a15 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .c2cca3 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .m3cfa7 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .f5be {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .b62 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .kd6f6 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .c89 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .adb0 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

@media (min-width: 1024px) {
  .a3406a {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .oa18a15 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .c2cca3 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .m3cfa7 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .f5be {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .b62 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .kd6f6 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .c89 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .adb0 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }
}

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

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

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

.afc5 {
  max-width: 600px;
}

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

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

.o6a46 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 4rem);
}

.j66cd308,
.f7894e8,
.h8fc {
  flex: 1 1 200px;
  min-width: 180px;
}

.j66cd308 h4,
.f7894e8 h4,
.h8fc h4 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-normal);
}

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

.f2552 {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  line-height: var(--line-height-snug);
}

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

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

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

.a1ed7f {
  font-weight: 600;
  color: var(--color-text-primary);
  display: inline-block;
  min-width: 70px;
}

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

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

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

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

  .j66cd308,
  .f7894e8,
  .h8fc {
    flex: 1 1 100%;
  }

  .e93 {
    text-align: center;
  }
}

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

  .afc5 h3 {
    margin-bottom: clamp(0.5rem, 1vw, 1rem);
  }

  .a1ed7f {
    min-width: auto;
    display: block;
    margin-bottom: 0.25rem;
  }

  .g4d32 p {
    padding-left: 0;
  }
}
    

.jb113cc9 {
  font-family: 'Open Sans', sans-serif;
}

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

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

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

.i957cd1 {
  text-align: center;
}

.fd8 {
  font-size: clamp(2.25rem, 6vw + 1rem, 3.75rem);
  color: var(--color-secondary);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0 0 1rem 0;
}

.cfc349 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: #e0e7ff;
  font-weight: 300;
  margin: 0 0 1.5rem 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o1114 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: #a5d6d0;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
}

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

.p5a {
  font-size: clamp(0.9375rem, 1vw + 0.6rem, 1.25rem);
  color: #d0e8e5;
  line-height: 1.8;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

.g680 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  justify-content: center;
  align-items: center;
}

.l409bcc6 {
  background: var(--color-bg-tertiary);
  color: #ffffff;
  padding: clamp(0.625rem, 1vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 50px;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 1rem);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

.l409bcc6 i {
  font-size: 0.875em;
}

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

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

.b1d50 {
  text-align: center;
}

.ef17a6 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 1rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ad6f7c {
  flex: 1 1 clamp(280px, 100%, 380px);
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: clamp(1.25rem, 3vw, 1.75rem);
  transition: all 0.3s ease;
  border: 1px solid #e2e8f0;
}

.ad6f7c:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
  border-color: var(--color-accent);
}

.fabbb {
  width: 100%;
  margin: -1.25rem -1.25rem 0 -1.25rem;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}

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

.p9768617 {
  font-size: clamp(1.0625rem, 1.5vw + 0.6rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.afa1084 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  padding-top: 1rem;
  border-top: 1px solid #e2e8f0;
}

.k45,
.ae6,
.k57309d {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
}

.k45 i,
.ae6 i,
.k57309d i {
  font-size: 0.875em;
  color: var(--color-accent);
}

.ef77393f {
  align-self: flex-start;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-accent);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.5rem;
}

.ef77393f:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

.ef77393f::after {
  content: '';
  transition: transform 0.3s ease;
}

.ad6f7c:hover .ef77393f::after {
  transform: translateX(4px);
}

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

  .na802 {
    flex-direction: column;
  }

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

  .l409bcc6 {
    justify-content: center;
  }
}

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

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

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

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

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

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

.ed7b1d {
  position: relative;
  min-height: 550px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: clamp(3rem, 8vw, 6rem) 0;
}

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

.kae {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(4, 47, 46, 0.85) 0%, rgba(6, 78, 74, 0.75) 100%);
  z-index: 2;
}

.ed7b1d .fdaef1 {
  position: relative;
  z-index: 3;
}

.ic495 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 2rem);
  max-width: 800px;
}

.a0538dbe {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-light);
  flex-wrap: wrap;
}

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

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

.a0538dbe span {
  color: var(--color-text-light);
  opacity: 0.7;
}

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

.p0d9e0,
.g7d0f,
.h66 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.g7d0f::before,
.p0d9e0::before {
  content: '';
  width: 4px;
  height: 4px;
  background: var(--color-secondary);
  border-radius: 50%;
}

.i27 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-snug);
  color: #ffffff;
  margin: 0;
}

.j92b4b {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-light);
  margin: 0;
  max-width: 700px;
}

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

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

.hfd4ebb7 {
  flex: 0 0 auto;
}

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

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

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

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

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

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

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

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

  .fef3d393 {
    gap: 0.3rem;
  }
}

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

.f8bbbf {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
  max-width: 950px;
  margin: 0 auto;
}

.ff6f4,
.d35,
.i146,
.g84953,
.d07 {
  width: 100%;
}

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

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

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

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

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

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

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

.n375 {
  flex: 0 0 auto;
  font-size: 1.5rem;
  color: var(--color-accent);
  display: flex;
  align-items: flex-start;
  margin-top: 0.25rem;
}

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

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

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

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

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

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

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

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

  .f2a,
  .o29d4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

.ld1 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

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

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

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

.cdf {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: var(--line-height-snug);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

  .g254e {
    position: relative;
    overflow: hidden;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

  .p4b42 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(4, 47, 46, 0.75) 0%, rgba(6, 78, 74, 0.65) 100%);
    z-index: 2;
  }

  .f879e395 {
    position: relative;
    z-index: 3;
    text-align: center;
    max-width: 900px;
  }

  .d0cdf9 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: clamp(0.5rem, 2vw, 1rem);
    flex-wrap: wrap;
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
  }

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

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

  .d0cdf9 span {
    color: var(--color-text-light);
  }

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

  .e175ee8f {
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    padding: 0.375rem 0.75rem;
    border-radius: var(--radius-full);
    font-weight: 600;
  }

  .gb1 {
    color: var(--color-text-light);
  }

  .gfb5b78,
  .p52e,
  .a5ae {
    color: var(--color-text-light);
  }

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

  .e657 {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    color: #f1f5f9;
    line-height: var(--line-height-relaxed);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .geb {
    flex-shrink: 0;
    width: 120px;
    height: 120px;
    border-radius: var(--radius-lg);
    object-fit: cover;
    border: 2px solid var(--color-border);
  }

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

  .o66 {
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-wide);
    margin-bottom: 0.5rem;
  }

  .j9d9dac {
    font-size: clamp(1.125rem, 1.5vw, 1.375rem);
    color: var(--color-text-primary);
    margin: 0.25rem 0;
    font-family: var(--font-heading);
    font-weight: 600;
  }

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

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

  .fc76e {
    font-size: clamp(0.875rem, 1vw, 0.9375rem);
    color: var(--color-text-secondary);
    margin-bottom: 0.75rem;
  }

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

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

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

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

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

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

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

  .f117e {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    color: #ffffff;
    font-family: var(--font-heading);
    font-weight: 700;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .m29cbb3 {
    font-size: clamp(0.9375rem, 1vw, 1.0625rem);
    color: #e0e0e0;
    line-height: var(--line-height-relaxed);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

    .fcc,
    .d68c16 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

  .f366c0b {
    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(1.5rem, 3vw, 2rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

    .h877,
    .i3de5 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

  .kd2cc {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
    align-items: flex-start;
    background: rgba(13, 148, 136, 0.1);
    border: 2px solid var(--color-accent);
    border-radius: var(--radius-lg);
    padding: clamp(1.5rem, 3vw, 2.5rem);
  }

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

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

  .gdd109ff {
    font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
    color: #ffffff;
    font-family: var(--font-heading);
    font-weight: 600;
    margin-bottom: 0.5rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .i4c535e {
    font-size: clamp(0.875rem, 1vw, 1rem);
    color: #e0e0e0;
    line-height: var(--line-height-normal);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

  .h97ca6 {
    background: var(--color-bg-card);
    padding: clamp(1.25rem, 2vw, 1.75rem);
    border-radius: var(--radius-md);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid var(--color-border-light);
  }

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

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

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

    .jabc1,
    .lc1a6b {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

  .b1c {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    color: #ffffff;
    font-family: var(--font-heading);
    font-weight: 700;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .h1c0c {
    font-size: clamp(0.9375rem, 1vw, 1.0625rem);
    color: #e0e0e0;
    line-height: var(--line-height-relaxed);
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .af99 {
    background: rgba(13, 148, 136, 0.1);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: var(--radius-md);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    border-left: 3px solid var(--color-accent);
  }

  .ae46e2 {
    font-size: clamp(1rem, 1.5vw, 1.1875rem);
    color: #ffffff;
    font-family: var(--font-heading);
    font-weight: 600;
    margin-bottom: 0.5rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .g3b5229 {
    font-size: clamp(0.875rem, 1vw, 1rem);
    color: #e0e0e0;
    line-height: var(--line-height-normal);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

    .jaea37,
    .e7f {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

  .p868 {
    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(1.5rem, 3vw, 2rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

  .be993b {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    min-width: 280px;
    max-width: 380px;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--color-border-light);
    transition: transform var(--transition-base), box-shadow var(--transition-base);
  }

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

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

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

  .be993b:hover .b72d {
    transform: scale(1.05);
  }

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

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

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

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

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

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

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

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

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

    .d0cdf9 {
      font-size: 0.8125rem;
    }

    .nddfbc {
      font-size: 0.8125rem;
    }
  }

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

.e5f631 {
  position: relative;
  background: var(--color-bg-primary);
  min-height: 600px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding-bottom: clamp(3rem, 6vw, 5rem);
}

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

.d9059 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(4, 47, 46, 0.75) 0%, rgba(6, 78, 74, 0.85) 100%);
  z-index: 2;
}

.e4d {
  position: relative;
  z-index: 3;
  max-width: 900px;
}

.ca5 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-light);
  flex-wrap: wrap;
}

.ca5 a {
  color: var(--color-text-light);
  text-decoration: none;
  transition: color var(--transition-base, 0.3s ease);
}

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

.ca5 span {
  color: var(--color-text-light);
}

.gf172 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: #ffffff;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-tight, 1.2);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight, -0.5px);
}

.j59a8b {
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  color: #f1f5f9;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: var(--line-height-relaxed, 1.8);
  max-width: 700px;
}

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

.e58b7e4 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: #e0e0e0;
}

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

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

.hd8c {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg, 12px);
  box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));
}

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

.p34ba1 {
  flex: 1;
}

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

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

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

.kb6b {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide, 1px);
}

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

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

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

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

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

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

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

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

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

.na82 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
  display: block;
}

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

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

  .a2bc83d,
  .aecf2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.i2175 {
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

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

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

  .p31cc9c3,
  .d03136 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.e16b14aa {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: #fef3c7;
  border-left: 4px solid #f59e0b;
  border-radius: var(--radius-md, 8px);
  align-items: flex-start;
}

.l1890 {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: #f59e0b;
  margin-top: 0.25rem;
}

.j61272dd {
  flex: 1;
}

.m2c {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: #92400e;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.a05923 {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: #92400e;
  line-height: var(--line-height-relaxed, 1.8);
}

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

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

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

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

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

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

.cf2 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md, 8px);
  align-items: flex-start;
}

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

.cffc3 {
  flex: 1;
}

.j39dcb {
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

  .ec6c85,
  .a83086a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.o407 {
  max-width: 800px;
}

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

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

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

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

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

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

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

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

.hbd6a:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, 0.1));
}

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

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

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

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

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

.m5e61 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
  box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));
  transition: all var(--transition-base, 0.3s ease);
  display: flex;
  flex-direction: column;
}

.m5e61:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, 0.15));
}

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

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

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

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

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

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

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

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

@media (max-width: 480px) {
  .e5f631 {
    min-height: 500px;
    padding-bottom: clamp(2rem, 4vw, 3rem);
  }

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

  .c7e {
    flex-direction: column;
  }

  .hbd6a {
    width: 100%;
  }

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

  .nafba1f {
    margin: 0 auto;
  }
}

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

html, body {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.6;
}

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

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

.c5a {
  position: relative;
  height: clamp(400px, 60vh, 600px);
  overflow: hidden;
  background: var(--color-bg-primary);
}

.n029fe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

.k6af22 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(4, 47, 46, 0.75) 0%, rgba(4, 47, 46, 0.5) 100%);
  z-index: 2;
}

.cd88d30 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  padding: clamp(2rem, 5vw, 3rem) 0;
  display: flex;
  align-items: flex-end;
  min-height: 100%;
}

.oa34 {
  width: 100%;
}

.d750 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-family: 'Raleway', sans-serif;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.gf4f {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: #e0e7ff;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  max-width: 600px;
  line-height: 1.6;
}

.de7be {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: #c7d2e0;
}

.m4e {
  color: #c7d2e0;
}

.p105eb7 {
  color: #c7d2e0;
  opacity: 0.6;
}

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

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

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

.d17 span {
  color: #94a3b8;
}

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

.hd1fb {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.j51 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
}

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

.f8a6e {
  flex: 1;
}

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

.mca {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  font-family: 'Raleway', sans-serif;
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.25rem;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

.f695d {
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

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

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

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

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

.i76c1d37 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Raleway', sans-serif;
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

  .i3dba,
  .c19dc1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.h5af81 {
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

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

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

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

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

.ace772c0 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Raleway', sans-serif;
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.f0ca54d {
  list-style: none;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.f0ca54d li {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
  position: relative;
}

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

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

  .mb14,
  .be2a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.gc1b {
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

.c7e84 {
  background: #f0fdf4;
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  border-radius: var(--radius-md);
}

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

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

.be2f {
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

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

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

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

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

.m89979 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Raleway', sans-serif;
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.dbd8 {
  background: #eff6ff;
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  border-radius: var(--radius-md);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

  .j46955,
  .mdd515 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.j40 {
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

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

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

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

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

.f639f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Raleway', sans-serif;
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

  .ie6a5,
  .l4b4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.d66 {
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

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

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

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

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

.k44132 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Raleway', sans-serif;
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

  .l2e13,
  .d49 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.g4ba {
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

.l76a42ef {
  padding: clamp(1.5rem, 4vw, 2.5rem);
  background: #f8fafc;
  border-radius: var(--radius-lg);
  border: 1px solid #e2e8f0;
}

.k01f4 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Raleway', sans-serif;
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.k08c {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

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

.j5040d0d {
  max-width: 1200px;
}

.od5a385 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Raleway', sans-serif;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.3;
}

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

.be78891 {
  flex: 0 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  transition: transform var(--transition-base) ease, box-shadow var(--transition-base) ease;
}

.be78891:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
}

.lda1f {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: #e2e8f0;
}

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

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

.d8a {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.35rem);
  font-family: 'Raleway', sans-serif;
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.3;
}

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

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

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

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

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

@media (max-width: 640px) {
  .d750 {
    font-size: clamp(1.5rem, 5vw + 0.5rem, 2rem);
  }

  .gf4f {
    font-size: clamp(0.875rem, 2vw + 0.25rem, 1rem);
  }

  .c2e3 {
    padding: 0 clamp(1rem, 3vw, 1.5rem);
  }
}

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

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

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

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

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

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

.pf9 {
  background: linear-gradient(135deg, #042f2e 0%, #064e4a 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

.ac33 {
  font-size: clamp(2rem, 6vw + 1rem, 3.5rem);
  color: #ffffff;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.a0b59 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: #14b8a6;
  font-weight: 500;
  max-width: 700px;
  margin: 0 auto;
}

.o37aca06 {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: var(--radius-md);
  display: block;
  margin: 2rem auto 0;
  box-shadow: var(--shadow-lg);
}

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

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

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

.gb5280 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: #14b8a6;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.l709f {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 1rem;
}

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

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

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

.c6899 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  color: #cbd5e1;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

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

.j90099 {
  flex: 1 1 45%;
  min-width: 250px;
  height: auto;
  border-radius: var(--radius-md);
  display: block;
  box-shadow: var(--shadow-lg);
}

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

  .c6899,
  .j90099 {
    flex: 1 1 100%;
  }
}

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

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

.n519802 {
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

.edffb5 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: #14b8a6;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.o440a {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 1rem;
}

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

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

.he04 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: #042f2e;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid #14b8a6;
  transition: var(--transition-base);
}

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

.l27023 {
  font-size: 2.5rem;
  color: #14b8a6;
  margin-bottom: 1rem;
}

.ldac {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

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

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

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

.kaa0c {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: #14b8a6;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.h755fb {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 1rem;
}

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

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

.if89 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 220px;
  background: #064e4a;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-align: center;
  transition: var(--transition-base);
}

.if89:hover {
  background: #0a6b63;
}

.fe060 {
  font-size: 2rem;
  color: #14b8a6;
  margin-bottom: 1rem;
}

.o8319ac {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.k71 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: #14b8a6;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.kbfc {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 1rem;
}

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

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

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

.d2212 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  color: #cbd5e1;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

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

.c12 {
  flex: 1 1 45%;
  min-width: 250px;
  height: auto;
  border-radius: var(--radius-md);
  display: block;
  box-shadow: var(--shadow-lg);
}

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

  .d2212,
  .c12 {
    flex: 1 1 100%;
  }
}

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

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

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

.d9758 {
  font-size: 1.5rem;
  color: #14b8a6;
  flex-shrink: 0;
}

.k23803 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: #ffffff;
  font-weight: 600;
}

.bdd {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: #cbd5e1;
  line-height: 1.8;
  padding-left: 2.25rem;
}

.pa1828 {
  background: #064e4a;
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
  text-align: center;
}

.af4 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  max-width: 700px;
  margin: 0 auto;
}

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

.pe0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: clamp(0.75rem, 1vw + 0.5rem, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: var(--transition-base);
  border: 2px solid transparent;
}

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

@media (max-width: 768px) {
  .jdce {
    text-align: center;
  }

  .h8ef06bb,
  .ad35 {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .ac33 {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  }

  .l709f,
  .o440a,
  .h755fb,
  .kbfc {
    font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  }

  .he04 {
    flex: 1 1 100%;
  }

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

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

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

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

.d6c {
  width: 100%;
  max-width: 600px;
  height: auto;
  aspect-ratio: 4/3;
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

.n26 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(4, 47, 46, 0.15);
  pointer-events: none;
}

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

.p0e {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.hb2d5 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 550px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jdcc3 {
  flex: 1;
  min-width: 0;
}

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

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

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

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

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

.le8f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-light);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ef23b501 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-light);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.b55ba51 {
  width: clamp(50px, 8vw, 70px);
  height: clamp(50px, 8vw, 70px);
  background: var(--color-accent-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
}

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

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

.p533 {
  align-self: flex-start;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-fast);
  display: inline-block;
}

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

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

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

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

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

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

.h386cf1 {
  flex: 1 1 clamp(250px, 45vw, 300px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.g00788e6 {
  width: clamp(50px, 8vw, 65px);
  height: clamp(50px, 8vw, 65px);
  background: var(--color-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

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

.c123cd {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e77cb89,
.nf80f1 {
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
  white-space: nowrap;
}

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

.e77cb89:hover {
  background: var(--color-bg-card);
  opacity: 0.95;
}

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

.nf80f1:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--color-text-on-accent);
}

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

@media (max-width: 767px) {
  .dca {
    gap: clamp(1.5rem, 4vw, 2rem);
  }

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

  .g37b8 {
    margin-top: 0;
  }

  .h386cf1 {
    flex: 1 1 100%;
  }

  .h9853c {
    flex-direction: column;
    width: 100%;
  }

  .e77cb89,
  .nf80f1 {
    width: 100%;
    text-align: center;
  }
}

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

  .naac {
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .k18006 {
    flex: 1 1 clamp(300px, 45vw, 380px);
  }

  .h386cf1 {
    flex: 1 1 clamp(280px, 40vw, 320px);
  }
}

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

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

  .ddf21 {
    flex: 1 1 50%;
    text-align: left;
  }

  .fc2 {
    gap: clamp(2.5rem, 5vw, 4rem);
  }

  .e7d {
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .naac {
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .k18006 {
    flex: 1 1 clamp(300px, 30vw, 380px);
  }

  .e4673cf1 {
    gap: clamp(2.5rem, 4vw, 3.5rem);
  }

  .h386cf1 {
    flex: 1 1 clamp(250px, 22vw, 300px);
  }

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

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

.ef7233 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.hfc5 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: var(--letter-spacing-tight);
}

.d5141 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.b54 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.c92 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.k522f8 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.k522f8:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.c35e93 {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
}

.c35e93 i {
  font-size: 1.75rem;
  color: var(--color-primary);
}

.ncf {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-snug);
}

.le15 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.k49bbfa {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  margin-bottom: var(--spacing-lg);
}

.p40266e {
  display: inline-block;
  font-size: 0.75rem;
  background-color: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-family: var(--font-primary);
  letter-spacing: var(--letter-spacing-tight);
}

.lfd1c3fd {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid transparent;
  transition: all var(--transition-base);
  align-self: flex-start;
}

.lfd1c3fd:hover {
  color: var(--color-accent-hover);
  border-bottom-color: var(--color-accent);
}

.j4be {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.ba08 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
}

.ob1c2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.c11 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  letter-spacing: var(--letter-spacing-tight);
}

.c11:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .ef7233 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .b54 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .c92 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .j4be {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ef7233 {
    padding: 4rem var(--spacing-lg);
  }

  .b54 {
    padding: 4rem var(--spacing-lg);
  }

  .c92 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

  .j4be {
    padding: 4rem var(--spacing-lg);
  }
}

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

.ne745f8 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.m46e8 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
}

.n4d3 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.mdbf7 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
}

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

.e2077 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.ed95 {
  max-width: 1200px;
  margin: 0 auto;
}

.p55e46c {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.d0661f {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.f6ff1a {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.kdf2b3 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-wide);
  width: fit-content;
}

.p3d6f {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.25rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-snug);
}

.a12a {
  font-size: clamp(0.9rem, 1vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-md) 0;
  flex-grow: 1;
}

.kbb8a3 {
  display: inline-block;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid var(--color-primary);
  transition: all var(--transition-fast);
  width: fit-content;
}

.kbb8a3:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

.hd4 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.o999 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.o2c {
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
}

.b24 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-weight: 600;
  font-size: 1rem;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .m46e8 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .e2077 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .ob2 {
    height: 320px;
  }

  .hd4 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .m46e8 {
    padding: 5rem var(--spacing-lg);
  }

  .e2077 {
    padding: 5rem var(--spacing-lg);
  }

  .p55e46c {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

  .ob2 {
    height: 360px;
  }

  .d0661f:nth-child(3) {
    grid-column: 1;
  }

  .d0661f:nth-child(4) {
    grid-column: 2;
  }

  .hd4 {
    padding: 5rem var(--spacing-lg);
  }
}

@media (min-width: 1440px) {
  .ed95 {
    max-width: 1300px;
  }

  .p55e46c {
    gap: 2.5rem;
  }

  .ob2 {
    height: 380px;
  }
}

.g56f52 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.g56f52 .fdaef1 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.g56f52 .cd5 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.g56f52 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.g56f52 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
  font-weight: 600;
}

.g56f52 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.g56f52 .g57db {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.g56f52 ul,
.g56f52 ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.g56f52 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

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

.g56f52 .c356 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.g56f52 .c356 h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.g56f52 .c356 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.g56f52 .f2e2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.g56f52 .f2e2 strong {
  display: inline-block;
  min-width: 80px;
  color: var(--color-primary);
}

@media (min-width: 768px) {
  .g56f52 .cd5 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .g56f52 .fdaef1 {
    padding: 0 var(--spacing-xl);
  }

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

.iba3 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.k2e48bc {
  width: 100%;
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.lccd1 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.g74c86 {
  margin-bottom: var(--spacing-xl);
  color: var(--color-success);
  display: flex;
  justify-content: center;
  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);
  }
}

.g74c86 svg {
  width: 120px;
  height: 120px;
  stroke-width: 2;
}

.f893 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
}

.pe9bc {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 600;
  letter-spacing: var(--letter-spacing-normal);
}

.l1e493d {
  background-color: var(--color-bg-card);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin: var(--spacing-lg) 0;
}

.l1e493d p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.pfa4b2 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin: var(--spacing-lg) 0;
  text-align: left;
}

.p93ff0f {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-normal);
}

.m1114 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.m1114 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  padding-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
  position: relative;
}

.m1114 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-success);
  font-weight: bold;
  font-size: 1.2em;
}

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

.h5a52f16 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-lg) 0;
}

.o3ad5 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: var(--transition-base);
  margin-top: var(--spacing-xl);
  letter-spacing: var(--letter-spacing-normal);
  box-shadow: var(--shadow-md);
}

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

.o3ad5:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@media (min-width: 640px) {
  .k2e48bc {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

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

@media (min-width: 768px) {
  .k2e48bc {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .g74c86 svg {
    width: 140px;
    height: 140px;
  }

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

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

@media (min-width: 1024px) {
  .k2e48bc {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

  .g74c86 svg {
    width: 160px;
    height: 160px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lccd1,
  .g74c86 {
    animation: none;
  }

  .o3ad5 {
    transition: none;
  }

  .o3ad5:hover {
    transform: none;
  }
}

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

.kf31 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.p35 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

.i08353b {
  margin-bottom: var(--spacing-3xl);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 280px;
}

.h2dc05d {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.g1431d {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: var(--letter-spacing-wide);
  position: relative;
  z-index: 2;
}

.n198 {
  position: absolute;
  width: 300px;
  height: 300px;
  border: 3px solid var(--color-primary-light);
  border-radius: 50%;
  opacity: 0.15;
  animation: pulse-ring 3s ease-in-out infinite;
}

@keyframes pulse-ring {
  0% {
    transform: scale(0.8);
    opacity: 0.25;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    transform: scale(1.1);
    opacity: 0.05;
  }
}

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

.c40028 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

.i6cf {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-relaxed);
  font-weight: 500;
}

.ndca4d8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-xl);
}

.la3 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg) var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-2xl);
  text-align: left;
}

.i61a36 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

.o6ba {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.o6ba li {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: var(--line-height-normal);
}

.o6ba li::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 600;
}

.aed {
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
  flex-wrap: wrap;
}

.i6c9cc3b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  letter-spacing: var(--letter-spacing-normal);
  min-height: 48px;
}

.m6194bf1 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.m6194bf1:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .p35 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .i08353b {
    min-height: 350px;
  }

  .la3 {
    padding: var(--spacing-2xl) var(--spacing-2xl);
    text-align: center;
  }

  .o6ba {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--spacing-md);
  }

  .o6ba li {
    text-align: center;
    padding-left: 0;
  }

  .o6ba li::before {
    content: "";
    position: static;
    margin-right: var(--spacing-sm);
  }
}

@media (min-width: 1024px) {
  .p35 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

  .i08353b {
    min-height: 400px;
  }

  .n198 {
    width: 400px;
    height: 400px;
  }
}

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

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

.p7d7c {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .p7d7c {
    padding: var(--spacing-3xl) 0;
  }
}

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

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

.p7d7c h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-tight);
}

.g80e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-secondary);
}

.ab463 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .ab463 {
    padding: var(--spacing-3xl) 0;
  }
}

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

.ld55e43f {
  width: 100%;
}

.i960 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

@media (max-width: 1024px) {
  .i960 {
    gap: var(--spacing-2xl);
  }
}

@media (max-width: 768px) {
  .i960 {
    gap: var(--spacing-xl);
  }
}

.i4bf {
  flex: 1 1 400px;
}

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

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

.mcbf81 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-tight);
}

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

.if68c829 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.kd6 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.a1ed7f {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
}

.mee07,
.pd1b337b {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  line-height: var(--line-height-normal);
  transition: all var(--transition-base);
}

.mee07::placeholder,
.pd1b337b::placeholder {
  color: var(--color-text-muted);
}

.mee07:focus,
.pd1b337b:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-secondary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.pd1b337b {
  resize: vertical;
  min-height: 140px;
}

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

.bda {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.ha224 {
  margin-top: 4px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  flex-shrink: 0;
  accent-color: var(--color-primary);
}

.j66e {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.f0fcbb {
  font-family: var(--font-heading);
  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-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-normal);
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.f0fcbb:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.j2fae {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}

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

.pa7 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-tight);
}

.i17a1e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  line-height: var(--line-height-normal);
}

.c881ce9 {
  display: flex;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}

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

.aa71 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.1vw + 0.5rem, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.aa71 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

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

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

.gdaaff55 {
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.9rem);
  color: var(--color-text-muted);
  margin-top: var(--spacing-xs) !important;
}

.n4b9 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
}

.n4b9 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
}

.d12d {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--spacing-lg) 0;
}

.d12d li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-normal);
}

.d12d li::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: 700;
  font-size: 1.1rem;
}

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

.k2d00196 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .k2d00196 {
    padding: var(--spacing-3xl) 0;
  }
}

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

.g06e6f {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.g06e6f h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-tight);
}

.g06e6f p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  line-height: var(--line-height-relaxed);
}

.i9465879 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  justify-content: center;
}

@media (min-width: 640px) {
  .i9465879 {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.nffd9,
.jdf4c {
  font-family: var(--font-heading);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-normal);
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-md);
}

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

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

.jdf4c {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

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

@media (max-width: 640px) {
  .nffd9,
  .jdf4c {
    width: 100%;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .nffd9,
  .jdf4c {
    flex: 1 1 auto;
    min-width: 200px;
  }
}
.mbd7,.ece{
  width: 34px;
}

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

.ec69c79{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .ec69c79{
    max-width: 100%;
  }
}

.ec69c79.l10{
  z-index: 999;
}

.n23{
  padding-top: 50px;
}

.mbd7[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .h8138 {
    aspect-ratio: 6 / 9;
  }
}