@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap');

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f8fafc;
  --color-bg-tertiary: #0a0f1e;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e293b;
  --color-text-secondary: #5f6e84;
  --color-text-muted: #677280;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #e2e8f0;

  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-light: #dbeafe;
  --color-primary-lighter: #eff6ff;

  --color-secondary: #3b82f6;
  --color-secondary-light: #bfdbfe;
  --color-secondary-lighter: #f0f9ff;

  --color-success: #10b981;
  --color-success-light: #d1fae5;

  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;

  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #cbd5e1;
  --color-border-light: #e2e8f0;

  --font-primary: 'Source Sans 3', sans-serif;
  --font-heading: 'Bricolage Grotesque', sans-serif;

  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;

  --radius-xs: 0.25rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --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), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

  
  --color-accent: var(--color-primary);
  --color-accent-hover: var(--color-primary-hover);
  --color-accent-dark: var(--color-accent-hover);
  --color-primary-dark: var(--color-accent-dark);
  --color-accent-light: var(--color-primary-light);
  --color-secondary-hover: var(--color-secondary-light);
  --color-text-on-accent: #ffffff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  font-size: 1rem;
}

.aed7c08 {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: 1.5rem;
  margin-bottom: var(--spacing-md);
}

h5 {
  font-size: 1.25rem;
  margin-bottom: var(--spacing-sm);
}

h6 {
  font-size: 1rem;
  margin-bottom: var(--spacing-sm);
}

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-secondary);
  font-size: 1rem;
}

a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
}

a:hover {
  color: var(--color-primary-hover);
}

button,
.e26b5 {
  font-family: var(--font-primary);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all var(--transition-fast);
  border-radius: var(--radius-md);
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 1rem;
}

.p2e8 {
  background: var(--color-primary);
  color: var(--color-text-light);
}

.p2e8:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

.g2925b {
  background: var(--color-secondary);
  color: var(--color-text-light);
}

.g2925b:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

.m86 {
  background: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

.m86:hover {
  background: var(--color-primary-lighter);
  color: var(--color-primary-hover);
}

.pc46d {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

.pc46d:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.p9dab {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
}

.p9dab h3,
.p9dab h4,
.p9dab h5,
.p9dab h6 {
  color: var(--color-text-light);
}

.p9dab p {
  color: var(--color-text-light-secondary);
}

.ede24 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

.pb6dc86 {
  background: var(--color-primary-light);
  color: var(--color-primary);
}

.jfeee5 {
  background: var(--color-secondary-light);
  color: var(--color-secondary);
}

.i22 {
  background: var(--color-success-light);
  color: var(--color-success);
}

.i914a {
  background: var(--color-warning-light);
  color: var(--color-warning);
}

.l841 {
  background: var(--color-danger-light);
  color: var(--color-danger);
}

.f85 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: var(--spacing-3xl) 0;
}

.f7378d {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-3xl) 0;
}

.p8e04 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
  padding: var(--spacing-3xl) 0;
}

.p8e04 h1,
.p8e04 h2,
.p8e04 h3,
.p8e04 h4,
.p8e04 h5,
.p8e04 h6 {
  color: var(--color-text-light);
}

.p8e04 p {
  color: var(--color-text-light-secondary);
}

.ke9fe5 {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  color: var(--color-text-light);
  padding: var(--spacing-3xl) 0;
}

.ke9fe5 h1,
.ke9fe5 h2,
.ke9fe5 h3,
.ke9fe5 h4,
.ke9fe5 h5,
.ke9fe5 h6 {
  color: var(--color-text-light);
}

.g7374083 {
  display: grid;
  gap: var(--spacing-xl);
}

.ndfca0 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.o7f22 {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.o5367 {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.e7d {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

.b8f6b70a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.j02629 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.e170 {
  display: flex;
  flex-direction: column;
}

.f041ed7 {
  gap: var(--spacing-xs);
}

.a7569 {
  gap: var(--spacing-sm);
}

.pfb1566 {
  gap: var(--spacing-md);
}

.k90f0c9 {
  gap: var(--spacing-lg);
}

.i6e78 {
  gap: var(--spacing-xl);
}

.kda02 {
  text-align: center;
}

.fd3b {
  text-align: right;
}

.o3ccd7 {
  text-align: left;
}

.j9939 {
  text-align: justify;
}

.fddfd {
  color: var(--color-text-muted);
}

.fd6990d {
  color: var(--color-primary);
}

.l530 {
  color: var(--color-secondary);
}

.l5c3 {
  color: var(--color-success);
}

.c1529b {
  color: var(--color-warning);
}

.h7c8 {
  color: var(--color-danger);
}

.ea3 {
  font-weight: 400;
}

.i52 {
  font-weight: 500;
}

.m57144e {
  font-weight: 600;
}

.h76da {
  font-weight: 700;
}

.l02a04f {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.c419c8 {
  font-size: 0.875rem;
}

.bd50374 {
  font-size: 1.125rem;
}

.od06d13 {
  font-size: 1.25rem;
}

.nfb0 {
  font-size: 1.5rem;
}

.fca7 {
  border: 1px solid var(--color-border);
}

.n3e08 {
  border-top: 1px solid var(--color-border);
}

.d13 {
  border-bottom: 1px solid var(--color-border);
}

.p9cdf96 {
  border: 1px solid var(--color-border-light);
}

.a714a5 {
  border-radius: var(--radius-md);
}

.ife {
  border-radius: var(--radius-lg);
}

.nfa {
  border-radius: var(--radius-xl);
}

.jd9f0 {
  border-radius: var(--radius-full);
}

.h9c4997 {
  box-shadow: var(--shadow-md);
}

.c66a8 {
  box-shadow: var(--shadow-lg);
}

.jce {
  box-shadow: var(--shadow-xl);
}

.lc9b1 {
  margin: 0;
}

.m17f {
  margin: var(--spacing-xs);
}

.ne60db {
  margin: var(--spacing-sm);
}

.nf4 {
  margin: var(--spacing-md);
}

.lfc3dd5 {
  margin: var(--spacing-lg);
}

.be7 {
  margin: var(--spacing-xl);
}

.fade0 {
  margin-left: auto;
  margin-right: auto;
}

.n017 {
  margin-top: auto;
  margin-bottom: auto;
}

.fb5eec {
  padding: 0;
}

.m1cc8a {
  padding: var(--spacing-xs);
}

.f72f9 {
  padding: var(--spacing-sm);
}

.f17c54e {
  padding: var(--spacing-md);
}

.a538cb5d {
  padding: var(--spacing-lg);
}

.i968e90 {
  padding: var(--spacing-xl);
}

.m8a {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}

.e98ca9 {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
}

.a50 {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

.k4d {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}

.kee {
  opacity: 0.5;
}

.nbf1bb57 {
  opacity: 0.75;
}

.ne3cf8c {
  opacity: 1;
}

.eebf {
  transition: all var(--transition-base);
}

.k39d {
  transition: color var(--transition-fast), background var(--transition-fast);
}

.if2c3b:hover {
  transform: scale(1.05);
}

.ib27ae9:hover {
  box-shadow: var(--shadow-lg);
}

@media (max-width: 768px) {
  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .aed7c08 {
    padding: 0 var(--spacing-md);
  }

  .ndfca0,
  .o7f22,
  .o5367 {
    grid-template-columns: 1fr;
  }

  .f85,
  .f7378d,
  .p8e04,
  .ke9fe5 {
    padding: var(--spacing-2xl) 0;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 1.5rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1rem;
  }

  .aed7c08 {
    padding: 0 var(--spacing-sm);
  }

  button,
  .e26b5 {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 0.95rem;
  }

  .f85,
  .f7378d,
  .p8e04,
  .ke9fe5 {
    padding: var(--spacing-xl) 0;
  }
}
.eeb40772 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
}

.c8fe13b {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 3vw, 2rem);
  min-height: 70px;
}

.h3d897e9 {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 0.75rem;
  flex-shrink: 0;
  transition: opacity var(--transition-base);
}

.h3d897e9:hover {
  opacity: 0.8;
}

.b96ba6 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}

.g5a {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cab4 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  justify-content: center;
}

.d91 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d91:hover {
  color: var(--color-accent);
}

.g34 {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  border: none;
  border-radius: 0.5rem;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--transition-base), transform var(--transition-base);
  flex-shrink: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g34:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

.ne3456 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  gap: 6px;
  padding: 0;
  flex-shrink: 0;
}

.ne3456 span {
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 1px;
  transition: all var(--transition-base);
}

.ne3456.l287 span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.ne3456.l287 span:nth-child(2) {
  opacity: 0;
}

.ne3456.l287 span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.b82 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  padding-top: 70px;
}

.b82.l287 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.ld4d {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
}

.m70e2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m21bc0 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  transition: color var(--transition-base);
}

.m21bc0:hover {
  color: var(--color-accent);
}

.g890aa {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  flex: 1;
  overflow-y: auto;
}

.b0d {
  padding: clamp(1rem, 3vw, 1.25rem) clamp(1rem, 4vw, 2rem);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base), color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b0d:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
}

.g43a28a {
  padding: clamp(1rem, 3vw, 1.25rem) clamp(1rem, 4vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  border: none;
  cursor: pointer;
  transition: background var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
  display: block;
  margin: clamp(1rem, 3vw, 1.5rem) clamp(1rem, 4vw, 2rem);
  border-radius: 0.5rem;
}

.g43a28a:hover {
  background: var(--color-accent-hover);
}

@media (min-width: 768px) {
  .cab4 {
    display: flex;
  }

  .g34 {
    display: inline-block;
  }

  .ne3456 {
    display: none;
  }

  .b82 {
    display: none;
  }

  .c8fe13b {
    min-height: 80px;
  }
}

@media (min-width: 1024px) {
  .c8fe13b {
    min-height: 90px;
  }

  .d91 {
    font-size: 1rem;
  }

  .g34 {
    font-size: 1rem;
    padding: 0.875rem 2rem;
  }
}

    .a9f9 {
  width: 100%;
  overflow: hidden;
}

.a9f9 .aed7c08 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.bdb312f0 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ec48bf {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.i387f10c {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 1.5rem);
}

.n6c {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l05bd {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n449 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.e26b5 {
  display: inline-block;
  padding: 0.75rem 1.75rem;
  font-size: 0.95rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
}

.e85cd515 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.e85cd515:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

.h343 {
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}

.h343:hover {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.p16c {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f25 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 50% 45% 48% 52% / 45% 50% 52% 48%;
  box-shadow: var(--shadow-lg);
}

@media (max-width: 768px) {
  .ec48bf {
    flex-direction: column;
  }

  .i387f10c,
  .p16c {
    flex: 1 1 100%;
  }

  .f25 {
    max-height: 350px;
  }
}

.d013 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.c2fd70 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.c1a {
  text-align: center;
}

.k70baf {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j4a5c {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a781e615 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.hf6c178 {
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

.hf6c178:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
}

.e05d {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-md);
}

.d4d87209 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i12e {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j6170 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.j4c0260f {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.j9fc {
  text-align: center;
}

.b33 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-light);
  font-weight: 700;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h1577 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-light-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.gcc {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.lcc904e {
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.ia3b3d3 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-light);
  line-height: 1.8;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n57ee66 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.c1d777e {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.jee38b7 {
  text-align: center;
}

.g441 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k1760 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.fb0 {
  position: relative;
  padding: 2rem 0;
}

.fb0::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
  transform: translateX(-50%);
}

.a94 {
  display: flex;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  position: relative;
}

.j2fa {
  justify-content: flex-end;
  padding-right: 52%;
}

.a49c1b5 {
  padding-left: 52%;
}

.j365f3 {
  position: absolute;
  left: 50%;
  top: 0;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
  box-shadow: var(--shadow-md);
  z-index: 10;
}

.jc86957 {
  font-family: var(--font-heading);
  font-size: 0.75rem;
  color: var(--color-text-on-accent);
  font-weight: 700;
}

.ed567 {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.afb4c43 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .fb0::before {
    left: 15px;
  }

  .j2fa,
  .a49c1b5 {
    padding-left: 60px;
    padding-right: 0;
    justify-content: flex-start;
  }

  .j365f3 {
    left: 0;
    transform: translateX(0);
  }
}

.h83 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.d29c {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.l67 {
  text-align: center;
}

.i25dd {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g03 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.eaf2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: clamp(1.5rem, 2vw, 2rem);
}

.ic3a8 {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

.b28727 {
  color: var(--color-accent);
  font-size: 1.5rem;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.hee866 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ee3 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.b32f82 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.oab0c {
  text-align: center;
}

.p74f8 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-light);
  font-weight: 700;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j778b7fe {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-light-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c6a09fc8 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.bf4ebd {
  display: flex;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

.gaed {
  flex-direction: row;
}

.gb9 {
  flex-direction: row-reverse;
}

.h01337 {
  flex: 1 1 45%;
}

.mce757 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

.g3de0be3 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.g42 {
  font-family: var(--font-heading);
  font-size: 3rem;
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
}

.c50 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 2rem);
  color: var(--color-text-light);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f6ba1a {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-light);
  line-height: 1.8;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .bf4ebd,
  .gaed,
  .gb9 {
    flex-direction: column;
  }

  .h01337,
  .g3de0be3 {
    flex: 1 1 100%;
  }
}

.ab43628e {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.e8a379f {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.b4d23 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.a22 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g1fb {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.h8c86 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.gc3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-accent);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f60c6e5 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.mf19 {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.n8ab0 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

@media (max-width: 768px) {
  .e8a379f {
    flex-direction: column;
  }

  .b4d23,
  .mf19 {
    flex: 1 1 100%;
  }

  .n8ab0 {
    max-height: 350px;
  }
}

.b653 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.obe {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.o78 {
  text-align: center;
}

.dc3de2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a8dce {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p51 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.g6f550 {
  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;
}

.g6f550:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
}

.jc4 {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.l612e70 {
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
}

.ea548a {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f666b6f {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  flex: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n1e {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
  align-self: flex-start;
}

.n1e:hover {
  color: var(--color-accent-hover);
  transform: translateX(4px);
}

.p9436 {
  text-align: center;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.a724 {
  background: var(--color-accent);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.oc8fa00 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
}

.ncb {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ja4ad2d9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-on-accent);
  line-height: 1.8;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 600px;
  margin: 0 auto;
}

.d267502c {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  margin-top: 1rem;
}

.d267502c .e85cd515 {
  background: var(--color-text-on-accent);
  color: var(--color-accent);
}

.d267502c .e85cd515:hover {
  background: rgba(255, 255, 255, 0.9);
}

.d267502c .h343 {
  background: transparent;
  color: var(--color-text-on-accent);
  border-color: var(--color-text-on-accent);
}

.d267502c .h343:hover {
  background: var(--color-text-on-accent);
  color: var(--color-accent);
}

.kf7e {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-text-primary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-lg);
}

.kf7e.d7a46e2 {
  display: none;
}

.hd7 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-bg-primary);
  margin: 0;
  line-height: 1.5;
  max-width: 500px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.la942d {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.cc3,
.hf095 {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 600;
  transition: all var(--transition-base);
  white-space: nowrap;
}

.cc3 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.cc3:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

.hf095 {
  background: transparent;
  color: var(--color-bg-primary);
  border: 1px solid var(--color-bg-primary);
}

.hf095:hover {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

@media (max-width: 768px) {
  .kf7e {
    flex-direction: column;
    padding: 1rem;
  }

  .hd7 {
    text-align: center;
  }

  .la942d {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .n449 {
    flex-direction: column;
  }

  .n449 .e26b5 {
    width: 100%;
    text-align: center;
  }

  .d267502c {
    flex-direction: column;
  }

  .d267502c .e26b5 {
    width: 100%;
    text-align: center;
  }
}

    .mc8a396 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  margin-top: 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.mc8a396 .aed7c08 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

.f4d852 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.c21e {
  max-width: 450px;
}

.c21e h3,
.ad4f5 h3,
.f766ae h3,
.h88 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: 0.5px;
}

.c21e p {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c8a,
.d891 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.c8a li,
.d891 li {
  display: inline-block;
}

.ad4f5 a,
.h88 a {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ad4f5 a:hover,
.h88 a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.f766ae p {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding: 0;
  line-height: 1.8;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f766ae p + p {
  margin-top: 0.5rem;
}

.ie6b {
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
  border-top: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.mfa4 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j771dc7 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  color: var(--color-text-muted);
  margin: 0;
  padding: 0;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .f4d852 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2rem, 4vw, 3.5rem);
    align-items: flex-start;
  }

  .c21e {
    flex: 0 1 clamp(280px, 30%, 450px);
  }

  .ad4f5 {
    flex: 1 1 clamp(200px, 25%, 300px);
    min-width: 200px;
  }

  .f766ae {
    flex: 1 1 clamp(200px, 25%, 300px);
    min-width: 200px;
  }

  .h88 {
    flex: 1 1 clamp(200px, 25%, 300px);
    min-width: 200px;
  }

  .ie6b {
    flex: 1 1 100%;
    border-top: 1px solid var(--color-border-light);
    margin-top: clamp(1rem, 2vw, 2rem);
    padding-top: clamp(1.5rem, 3vw, 2rem);
  }
}

@media (max-width: 767px) {
  .c8a,
  .d891 {
    flex-direction: column;
    gap: 0.75rem;
  }

  .c8a li,
  .d891 li {
    display: block;
  }
}
    

.f2752 {
  width: 100%;
}

.aed7c08 {
  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;
}

.c830 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.k22ad7 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.k53c1cbf {
  display: flex;
  align-items: center;
}

.k53c1cbf nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

.lcdbc7 {
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
}

.lcdbc7:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.gf5c {
  color: var(--color-text-secondary);
  margin: 0 0.25rem;
}

.m93e07 {
  color: var(--color-text-primary);
  font-weight: 500;
}

.n09f3 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.k3cc54 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
}

.hed {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
}

.hbe9 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.fdcc961 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.j759d {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.g191e00 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
}

.ebb {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

.o7fa67d4 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.o6d57107 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  flex: 1 1 clamp(300px, 45vw, 380px);
  min-width: 280px;
}

.o6d57107:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

.o8deb1 {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 6px;
}

.pf2dc {
  font-size: clamp(1.0625rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
}

.h6db {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.n0e1c0c {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid var(--color-border-light);
}

.m5a69c,
.pda,
.je5 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.m5a69c i,
.pda i,
.je5 i {
  color: var(--color-accent);
  font-size: 0.95em;
}

.n2fd {
  align-self: flex-start;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.n2fd:hover {
  color: var(--color-accent-hover);
  transform: translateX(4px);
}

.od7 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ha72 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.fa0d {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: clamp(2rem, 4vw, 3rem);
  backdrop-filter: blur(10px);
}

.o44 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.o44 i {
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  color: var(--color-secondary);
}

.id9 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.3;
}

.a65f {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.ic608 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.7;
}

.baf72 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.j0d5 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.h5e711 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
}

.ib1 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

.h096 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.o922d {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  flex: 1 1 clamp(250px, 40vw, 320px);
  min-width: 240px;
}

.nd55d5 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: var(--color-accent);
  border-radius: 50%;
  color: var(--color-text-on-accent);
  font-size: 1.5rem;
}

.e46 {
  font-size: clamp(1.0625rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
}

.n2e1d {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

@media (min-width: 768px) {
  .c830 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .hbe9 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .od7 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .baf72 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .o6d57107 {
    flex: 1 1 clamp(320px, 48vw, 420px);
  }

  .o922d {
    flex: 1 1 clamp(280px, 42vw, 340px);
  }
}

@media (min-width: 1024px) {
  .c830 {
    padding: 6rem 0;
  }

  .hbe9 {
    padding: 6rem 0;
  }

  .od7 {
    padding: 6rem 0;
  }

  .baf72 {
    padding: 6rem 0;
  }

  .o6d57107 {
    flex: 1 1 360px;
  }

  .o922d {
    flex: 1 1 320px;
  }
}

.hf0dfa3 {
  width: 100%;
  overflow: hidden;
}

.aed7c08 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

.h2e9a370 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 3rem) 0;
  overflow: hidden;
}

.f5e9e6 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  flex-wrap: wrap;
}

.f5e9e6 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all 0.3s ease;
}

.f5e9e6 a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.f5e9e6 span {
  color: var(--color-text-muted);
}

.ec8d {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

.dad {
  flex: 1 1 50%;
  max-width: 50%;
}

.n0bf79d {
  flex: 1 1 50%;
  max-width: 50%;
}

.ka3f4 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-family: 'Bricolage Grotesque', sans-serif;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.2;
}

.e8df1 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.6;
}

.g835f4a4 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
}

.m483 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
}

.m483 i {
  color: var(--color-accent);
  font-size: 1rem;
}

.k6d111 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
}

@media (max-width: 768px) {
  .ec8d {
    flex-direction: column;
  }

  .dad,
  .n0bf79d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.n2a880 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.d3efa91 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: flex-start;
}

.ne66 {
  flex: 1.2 1 60%;
  max-width: 60%;
}

.pf1cfe {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Bricolage Grotesque', sans-serif;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e02e78a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p1d6 {
  flex: 0.8 1 40%;
  max-width: 40%;
}

.d385f {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.c7680cc {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-accent);
  font-family: 'Bricolage Grotesque', sans-serif;
  margin-bottom: 1rem;
  font-weight: 700;
}

.pe74c0 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.pe74c0 li {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pe74c0 li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
}

@media (max-width: 768px) {
  .d3efa91 {
    flex-direction: column;
  }

  .ne66,
  .p1d6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.fcd5f164 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.ae562d6 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

.j069e {
  flex: 1 1 50%;
  max-width: 50%;
}

.o8ead288 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Bricolage Grotesque', sans-serif;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g2c8e7 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m9b09e {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.ob36e98 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.a3906 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-text-light);
  border-radius: 50%;
  font-size: 1.25rem;
  font-weight: 700;
  flex-shrink: 0;
  font-family: 'Bricolage Grotesque', sans-serif;
}

.e7b26 {
  flex: 1;
}

.l311 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: 'Bricolage Grotesque', sans-serif;
  margin-bottom: 0.5rem;
  font-weight: 700;
}

.id85a7a0 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k79c {
  flex: 1 1 50%;
  max-width: 50%;
}

.kcd8 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
}

@media (max-width: 768px) {
  .ae562d6 {
    flex-direction: column;
  }

  .j069e,
  .k79c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.g2d {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.a40 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: flex-start;
}

.o6993969 {
  flex: 1 1 65%;
  max-width: 65%;
}

.eef81 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m416cb7 {
  flex: 1 1 35%;
  max-width: 35%;
  position: sticky;
  top: 2rem;
}

.d50d5bd {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}

.a6cdca {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.kf329 {
  font-size: 0.75rem;
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

.jf4a {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: 'Bricolage Grotesque', sans-serif;
  margin: 0;
  font-weight: 700;
}

.jf4a a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all 0.3s ease;
}

.jf4a a:hover {
  color: var(--color-accent);
}

.ie0 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
}

.la7c71 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .a40 {
    flex-direction: column;
  }

  .o6993969,
  .m416cb7 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .m416cb7 {
    position: static;
  }
}

.fcf28 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.jece8d7 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

.db4c {
  flex: 1 1 50%;
  max-width: 50%;
}

.nd2855e {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
}

.mad16df3 {
  flex: 1 1 50%;
  max-width: 50%;
}

.i1a {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-light);
  font-family: 'Bricolage Grotesque', sans-serif;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g6b48a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #cbd5e1;
  line-height: 1.7;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p508 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.p02e {
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  transition: all 0.3s ease;
}

.p02e:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(37, 99, 235, 0.3);
}

.g687e {
  min-width: 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.25rem;
  flex-shrink: 0;
}

.m7c034c {
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-light);
  font-family: 'Bricolage Grotesque', sans-serif;
  margin: 0 0 0.5rem 0;
  font-weight: 700;
}

.gfb9b54 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: #cbd5e1;
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .jece8d7 {
    flex-direction: column;
  }

  .db4c,
  .mad16df3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.e767 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.ae62 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.c919d {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Bricolage Grotesque', sans-serif;
  text-align: center;
  margin: 0;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j2ce54c {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  flex-wrap: wrap;
  justify-content: center;
}

.if625 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-left: 4px solid var(--color-accent);
}

.g55d082d {
  margin-bottom: 1rem;
}

.ddb548b {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-family: 'Bricolage Grotesque', sans-serif;
  margin: 0;
  font-weight: 700;
}

.l10a7e {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .if625 {
    flex: 1 1 100%;
  }
}

.dc561 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.je77bb {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

.dfbd {
  flex: 1 1 50%;
  max-width: 50%;
}

.e5f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Bricolage Grotesque', sans-serif;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ie874e {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k5a324 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p58 {
  flex: 1 1 50%;
  max-width: 50%;
}

.p46 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
}

@media (max-width: 768px) {
  .je77bb {
    flex-direction: column;
  }

  .dfbd,
  .p58 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.m0650e5 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.j8fdc3 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.fa82 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Bricolage Grotesque', sans-serif;
  text-align: center;
  margin: 0;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l183b {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0;
  line-height: 1.6;
}

.feb5d7 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  flex-wrap: wrap;
  justify-content: center;
}

.j36fe3a6 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.j36fe3a6:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.de0a7e {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

.a67 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.b3377f {
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
}

.f8af0ecd {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: 'Bricolage Grotesque', sans-serif;
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
}

.f8af0ecd a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all 0.3s ease;
}

.f8af0ecd a:hover {
  color: var(--color-accent);
}

.f9dde {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 1024px) {
  .j36fe3a6 {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (max-width: 768px) {
  .j36fe3a6 {
    flex: 1 1 100%;
  }
}

.cae1d5 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 3rem) 0;
  overflow: hidden;
}

.j9b0 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: #fef8f0;
  border-left: 4px solid #f59e0b;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.75rem;
}

.padeb7df {
  font-size: 1.5rem;
  color: #f59e0b;
  min-width: 40px;
  flex-shrink: 0;
}

.cd2cfd54 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: #92400e;
  font-family: 'Bricolage Grotesque', sans-serif;
  margin: 0 0 0.5rem 0;
  font-weight: 700;
}

.d10ea93f {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: #b45309;
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .j9b0 {
    flex-direction: column;
  }
}

.o1924ef9 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.o66f {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  max-width: 800px;
  margin: 0 auto;
}

.p9bf12 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Bricolage Grotesque', sans-serif;
  text-align: center;
  margin: 0;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.kf93 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  text-align: center;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n38e {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  text-align: center;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pd81 {
  display: flex;
  justify-content: center;
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.b8807 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-light);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.5rem;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  text-align: center;
}

.b8807:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  .b8807 {
    width: 100%;
  }
}

@media (min-width: 1440px) {
  .aed7c08 {
    padding: 0 clamp(2rem, 6vw, 3rem);
  }
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

* {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e528 {
  width: 100%;
  display: block;
}

.aed7c08 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.e1ec952 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.c1a9 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.d6ac5 {
  flex: 1 1 50%;
  max-width: 50%;
}

.g8e8ac {
  flex: 1 1 50%;
  max-width: 50%;
}

.g8e8ac img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
}

.l53b {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.l53b a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
}

.l53b a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.l53b span {
  color: var(--color-text-muted);
}

.a6162 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.hcbe687 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.6;
}

.i37 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
}

.a0f {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
}

.a0f i {
  color: var(--color-accent);
  font-size: 1rem;
}

@media (max-width: 768px) {
  .c1a9 {
    flex-direction: column;
  }

  .d6ac5,
  .g8e8ac {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.j0a90e {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.p00fea7b {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.ied {
  flex: 1 1 50%;
  max-width: 50%;
}

.ce5c9c5 {
  flex: 1 1 50%;
  max-width: 50%;
}

.ce5c9c5 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
}

.k6e20b {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.c5ccf {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.c5ccf:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .p00fea7b {
    flex-direction: column;
  }

  .ied,
  .ce5c9c5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.g36 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 3.5rem) 0;
  overflow: hidden;
}

.h37d9956 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
}

.of41ab {
  flex-shrink: 0;
}

.of41ab img {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
}

.f7df {
  flex: 1;
}

.jeb {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.jeb a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all var(--transition-base);
}

.jeb a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.a0b29 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.j38bcbf {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 768px) {
  .h37d9956 {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.nb682 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.gdf0 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: flex-start;
}

.h883 {
  flex: 1 1 50%;
  max-width: 50%;
}

.k0655 {
  flex: 1 1 50%;
  max-width: 50%;
}

.k0655 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
}

.fb42 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-light);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.e17f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-light-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
}

.g89e {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.af1863 {
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

.k3b02 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-light);
  margin-bottom: 0.5rem;
}

.k1c60fea {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-light-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 768px) {
  .gdf0 {
    flex-direction: column;
  }

  .h883,
  .k0655 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.i64b72 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.f05ca {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: flex-start;
}

.c9c {
  flex: 1 1 50%;
  max-width: 50%;
  order: -1;
}

.c9c img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
}

.i51 {
  flex: 1 1 50%;
  max-width: 50%;
}

.ic4a3d2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.d1b3e {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
}

.odf {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.abd3 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.o389707 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: var(--radius-full);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 700;
}

.i0ff0 {
  flex: 1;
}

.p65ee3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

.hdf5ed {
  font-size: clamp(0.875rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 768px) {
  .f05ca {
    flex-direction: column;
  }

  .c9c {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }

  .i51 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.gf6302 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ca59de {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.b157c4 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin: 0;
}

.ld0a8f {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0;
}

.ac736be5 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.a3fc {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 250px;
  max-width: 100%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

.a3fc:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.o23b9c7 {
  font-size: 2rem;
  color: var(--color-accent);
}

.je741d {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}

.bf7f {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 768px) {
  .a3fc {
    flex: 1 1 100%;
    min-width: unset;
  }
}

.md9ee {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.o38740d {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.l2be25bb {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-light);
  text-align: center;
  margin: 0;
}

.a0a2 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-light-secondary);
  text-align: center;
  margin: 0;
}

.ga61b0d2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.id8038 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all var(--transition-base);
}

.id8038:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
}

.d84eb {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

.d84eb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all var(--transition-base);
}

.id8038:hover .d84eb img {
  transform: scale(1.05);
}

.i768 {
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
}

.e98c {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
}

.l5fe27 {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  flex: 1;
}

.p402ab {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
  margin-top: 0.5rem;
  align-self: flex-start;
}

.p402ab:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .id8038 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: unset;
  }
}

@media (max-width: 768px) {
  .id8038 {
    flex: 1 1 100%;
    min-width: unset;
  }
}

.p00fd {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 3.5rem) 0;
  overflow: hidden;
}

.k72 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.o72b6 {
  flex-shrink: 0;
  font-size: 1.75rem;
  color: var(--color-accent);
}

.g5b5327c {
  flex: 1;
}

.h6be3ff {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

.g7a579 {
  font-size: clamp(0.875rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 768px) {
  .k72 {
    flex-direction: column;
    align-items: flex-start;
  }
}

.b325 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.k1c24 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
  max-width: 900px;
  margin: 0 auto;
}

.c172159 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin: 0;
}

.af82e {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  text-align: center;
}

@media (max-width: 768px) {
  .e1ec952,
  .j0a90e,
  .nb682,
  .i64b72,
  .gf6302,
  .md9ee,
  .p00fd,
  .b325 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }
}

@media (max-width: 480px) {
  .l53b {
    font-size: 0.75rem;
    gap: 0.5rem;
  }

  .i37 {
    gap: 0.75rem;
  }

  .a0f {
    font-size: 0.75rem;
  }

  .a0f i {
    font-size: 0.875rem;
  }
}

* {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f1e3f {
  width: 100%;
  background: var(--color-bg-primary);
}

.pff {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
}

.lac {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.o0a {
  flex: 1 1 50%;
  max-width: 50%;
}

.a64f82 {
  flex: 1 1 50%;
  max-width: 50%;
}

.i98ddee {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

.i98ddee a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
}

.i98ddee a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.i98ddee span {
  color: var(--color-text-muted);
}

.k1664 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.d91f6c60 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.6;
}

.m195 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

.n9ebb {
  color: var(--color-text-secondary);
}

.p3655 {
  color: var(--color-text-muted);
}

.f31149 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

@media (max-width: 768px) {
  .lac {
    flex-direction: column;
  }

  .o0a,
  .a64f82 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.k29 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.f4fcfd4 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.b439 {
  flex: 1 1 50%;
  max-width: 50%;
}

.f3e1 {
  flex: 1 1 50%;
  max-width: 50%;
}

.d95 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.bb24 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.k8a35 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

@media (max-width: 768px) {
  .f4fcfd4 {
    flex-direction: column;
  }

  .b439,
  .f3e1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.hfefcb {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.lb85 {
  text-align: center;
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

.bdb2d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-light);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.b9703 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-light-secondary);
  line-height: 1.6;
}

.hc9a {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.e60736ed {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 200px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

.e60736ed:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.m2396b6e {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

.ff6cae44 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

.id5 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

@media (max-width: 768px) {
  .e60736ed {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.o424959 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.b4a9c {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.fc6e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.la1a {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

.p4878 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
  margin-bottom: clamp(3rem, 6vw, 5rem);
}

.p4878:nth-child(even) {
  flex-direction: row-reverse;
}

.cd2d1 {
  flex: 1 1 50%;
  max-width: 50%;
}

.n67a8 {
  flex: 1 1 50%;
  max-width: 50%;
}

.he2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
}

.naa2b19 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.da237 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
}

.n67a8 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

@media (max-width: 768px) {
  .p4878,
  .p4878:nth-child(even) {
    flex-direction: column;
  }

  .cd2d1,
  .n67a8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.ie1e73 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 3.5rem) 0;
  overflow: hidden;
}

.fd0 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  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);
}

.cc64ed12 {
  flex-shrink: 0;
}

.bd8757cd {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
}

.b5bd {
  flex: 1;
}

.ocf6b {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.iacdeded {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all var(--transition-base);
}

.iacdeded:hover {
  color: var(--color-accent);
}

.j14e3b {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.d3e {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

@media (max-width: 768px) {
  .fd0 {
    flex-direction: column;
    text-align: center;
  }

  .bd8757cd {
    width: 100px;
    height: 100px;
  }
}

.g5b {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.n97b298 {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.fd20f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-light);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.ecf2889 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-light-secondary);
  line-height: 1.6;
}

.h52 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.n8e9bab1 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 250px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.n8e9bab1:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
}

.c25aa3e3 {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.c95 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all var(--transition-base);
}

.n8e9bab1:hover .c95 {
  transform: scale(1.05);
}

.lf573 {
  padding: clamp(1.25rem, 2vw, 1.75rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  flex: 1;
}

.ib11 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.4;
}

.n879d41b {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  flex: 1;
}

.p9175 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: all var(--transition-base);
  align-self: flex-start;
}

.p9175:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .n8e9bab1 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

@media (max-width: 768px) {
  .n8e9bab1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.m1e56 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
}

.o230f0 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid var(--color-warning);
  border-radius: var(--radius-md);
}

.m96dff {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
}

.f28d {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.n10c3 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.l94dec {
  text-align: center;
}

.f86c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.a20beb {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto clamp(1rem, 2vw, 1.5rem) auto;
}

.g44c6df {
  margin-top: clamp(2rem, 4vw, 3rem);
}

.jc3ea21c {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  transition: all var(--transition-base);
}

.jc3ea21c:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

.aed7c08 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: block !important;
}

@media (max-width: 1024px) {
  .lac,
  .f4fcfd4 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .e60736ed {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

@media (max-width: 768px) {
  .e60736ed {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .p4878,
  .p4878:nth-child(even) {
    margin-bottom: clamp(2rem, 4vw, 3rem);
  }

  .fd0 {
    flex-direction: column;
  }

  .bd8757cd {
    width: 100px;
    height: 100px;
  }

  .n8e9bab1 {
    flex: 1 1 100%;
  }
}

  * {
    box-sizing: border-box;
  }

  .b0e {
    width: 100%;
  }

  .aed7c08 {
    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;
  }

  .e347 {
    background: var(--color-bg-primary);
    padding: clamp(2rem, 5vw, 4rem) 0;
    overflow: hidden;
  }

  .nf65 {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-text-secondary);
    flex-wrap: wrap;
  }

  .nf65 a {
    color: var(--color-accent);
    text-decoration: none;
    transition: all var(--transition-base);
  }

  .nf65 a:hover {
    color: var(--color-accent-hover);
    text-decoration: underline;
  }

  .nf65 span {
    color: var(--color-text-muted);
  }

  .h5a2394 {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
  }

  .p0315 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .n3ce1ef4 {
    font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
    color: var(--color-text-primary);
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
    font-weight: 700;
    line-height: 1.2;
  }

  .ke4d5 {
    font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
    color: var(--color-text-secondary);
    margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
    line-height: 1.6;
  }

  .m940c {
    display: flex;
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
    flex-wrap: wrap;
  }

  .k62e01c {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-text-secondary);
  }

  .k62e01c i {
    color: var(--color-accent);
    font-size: 1em;
  }

  .o9bd66e0 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .nf0 {
    width: 100%;
    height: auto;
    max-height: 450px;
    object-fit: cover;
    border-radius: clamp(0.75rem, 2vw, 1.25rem);
    display: block;
  }

  @media (max-width: 768px) {
    .h5a2394 {
      flex-direction: column;
      gap: clamp(1.5rem, 3vw, 2rem);
    }

    .p0315,
    .o9bd66e0 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .nf0 {
      max-height: 300px;
    }
  }

  .c7408b39 {
    background: var(--color-bg-secondary);
    padding: clamp(3rem, 8vw, 6rem) 0;
    overflow: hidden;
  }

  .g491 {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 4vw, 3.5rem);
  }

  .f305c140 {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .h03eb3dd {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    color: var(--color-text-primary);
    margin: 0;
    font-weight: 700;
    text-align: center;
  }

  .icb {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
    margin: 0;
    line-height: 1.7;
  }

  .nfcf3 {
    display: flex;
    flex-direction: row;
    gap: clamp(1rem, 3vw, 2rem);
    justify-content: center;
    flex-wrap: wrap;
  }

  .h3d6644 {
    flex: 1 1 calc(33.333% - 1rem);
    min-width: 250px;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: center;
    text-align: center;
    padding: clamp(1.5rem, 3vw, 2rem);
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border-light);
  }

  .n023 {
    width: 50px;
    height: 50px;
    background: var(--color-accent);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-on-accent);
    font-size: 1.5rem;
  }

  .n385 {
    font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    margin: 0;
    font-weight: 600;
  }

  .d9508 {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-text-secondary);
    margin: 0;
    line-height: 1.6;
  }

  @media (max-width: 768px) {
    .nfcf3 {
      flex-direction: column;
      align-items: center;
    }

    .h3d6644 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  .ka21b {
    background: var(--color-bg-primary);
    padding: clamp(3rem, 8vw, 6rem) 0;
    overflow: hidden;
  }

  .ccaa {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
  }

  .je70dc {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .l8f1 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .abf6 {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    color: var(--color-text-primary);
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
    font-weight: 700;
  }

  .je6 {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
    line-height: 1.7;
  }

  .jc27 {
    margin: clamp(1.5rem, 3vw, 2rem) 0 0 0;
  }

  .da538c1 {
    font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    margin: 0 0 1rem 0;
    font-weight: 600;
  }

  .g38e23 {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .la67 {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
  }

  .la67::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--color-accent);
    font-weight: 700;
  }

  .l4238 {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: var(--radius-lg);
    display: block;
  }

  @media (max-width: 768px) {
    .ccaa {
      flex-direction: column;
      gap: clamp(1.5rem, 3vw, 2rem);
    }

    .je70dc,
    .l8f1 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  .fcf6a {
    background: var(--color-bg-secondary);
    padding: clamp(3rem, 8vw, 6rem) 0;
    overflow: hidden;
  }

  .p1e935 {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
  }

  .d25 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .o4117 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .n2fa8c {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    color: var(--color-text-primary);
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
    font-weight: 700;
  }

  .ed5 {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
    line-height: 1.7;
  }

  .le3 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: clamp(1.5rem, 3vw, 2rem);
  }

  .o6207 {
    padding: clamp(1rem, 2vw, 1.5rem);
    background: var(--color-bg-card);
    border-left: 4px solid var(--color-accent);
    border-radius: var(--radius-sm);
  }

  .ife367e5 {
    font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    margin: 0 0 0.5rem 0;
    font-weight: 600;
  }

  .f2c {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-text-secondary);
    margin: 0;
    line-height: 1.6;
  }

  @media (max-width: 768px) {
    .p1e935 {
      flex-direction: column-reverse;
      gap: clamp(1.5rem, 3vw, 2rem);
    }

    .d25,
    .o4117 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  .e037e605 {
    background: var(--color-bg-primary);
    padding: clamp(2rem, 4vw, 3rem) 0;
    overflow: hidden;
  }

  .kac31 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }

  .od2659 {
    flex: 0 1 350px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    padding: clamp(1.5rem, 3vw, 2rem);
    background: var(--color-bg-secondary);
    border-radius: var(--radius-lg);
    text-align: center;
    border: 1px solid var(--color-border-light);
  }

  .b97 {
    width: 120px;
    height: 120px;
    border-radius: var(--radius-full);
    object-fit: cover;
    border: 3px solid var(--color-accent);
  }

  .pc24 {
    font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    margin: 0;
    font-weight: 600;
  }

  .gd606 {
    color: var(--color-accent);
    text-decoration: none;
    transition: all var(--transition-base);
  }

  .gd606:hover {
    color: var(--color-accent-hover);
    text-decoration: underline;
  }

  .nd7 {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-accent);
    margin: 0;
    font-weight: 500;
  }

  .a01b44 {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-text-secondary);
    margin: 0;
    line-height: 1.6;
  }

  @media (max-width: 768px) {
    .kac31 {
      justify-content: center;
    }

    .od2659 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  .db97e341 {
    background: var(--color-bg-secondary);
    padding: clamp(3rem, 8vw, 6rem) 0;
    overflow: hidden;
  }

  .j0138148 {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 4vw, 3rem);
  }

  .pf10716 {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    color: var(--color-text-primary);
    margin: 0;
    font-weight: 700;
    text-align: center;
  }

  .kaf118 {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    justify-content: center;
    flex-wrap: wrap;
  }

  .o34fd2 {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 280px;
    max-width: 380px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--color-border-light);
    transition: all var(--transition-base);
  }

  .o34fd2:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }

  .i3e3efb4 {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
  }

  .h7c {
    padding: clamp(1rem, 2vw, 1.5rem);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .c3ac {
    font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    margin: 0;
    font-weight: 600;
    line-height: 1.4;
  }

  .o9c5f {
    color: var(--color-accent);
    text-decoration: none;
    transition: all var(--transition-base);
  }

  .o9c5f:hover {
    color: var(--color-accent-hover);
    text-decoration: underline;
  }

  .k7ee {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-text-secondary);
    margin: 0;
    line-height: 1.6;
  }

  @media (max-width: 768px) {
    .kaf118 {
      flex-direction: column;
      align-items: center;
    }

    .o34fd2 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  .p93cf9 {
    background: var(--color-bg-primary);
    padding: clamp(3rem, 8vw, 6rem) 0;
    overflow: hidden;
  }

  .e54618d {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
  }

  .ad9 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .n14 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .m67bb354 {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    color: var(--color-text-primary);
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
    font-weight: 700;
  }

  .k6531613 {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
    line-height: 1.7;
  }

  .d72574 {
    margin: clamp(1.5rem, 3vw, 2.5rem) 0;
    padding: clamp(1.5rem, 3vw, 2rem);
    background: var(--color-bg-secondary);
    border-left: 4px solid var(--color-accent);
    border-radius: var(--radius-sm);
  }

  .e6ed6 {
    font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    margin: 0 0 1rem 0;
    line-height: 1.8;
    font-style: italic;
    font-weight: 500;
  }

  .p27bba {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-text-secondary);
    margin: 0;
    display: block;
  }

  @media (max-width: 768px) {
    .e54618d {
      flex-direction: column;
      gap: clamp(1.5rem, 3vw, 2rem);
    }

    .ad9,
    .n14 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  .b6a511 {
    background: var(--color-bg-tertiary);
    padding: clamp(2rem, 4vw, 3rem) 0;
    overflow: hidden;
  }

  .nbda2 {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
    align-items: flex-start;
  }

  .a5c {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    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: 1.25rem;
    margin-top: 2px;
  }

  .c3fb66 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .ja3bd {
    font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
    color: #ffffff;
    margin: 0;
    font-weight: 600;
  }

  .l70f63 {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: #e2e8f0;
    margin: 0;
    line-height: 1.7;
  }

  @media (max-width: 768px) {
    .nbda2 {
      flex-direction: column;
      gap: 1rem;
    }

    .a5c {
      margin-top: 0;
    }
  }

  .b2340eb {
    background: var(--color-bg-secondary);
    padding: clamp(3rem, 8vw, 6rem) 0;
    overflow: hidden;
  }

  .p448 {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
  }

  .md54d6 {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    color: var(--color-text-primary);
    margin: 0;
    font-weight: 700;
  }

  .ga2d {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
    margin: 0;
    line-height: 1.7;
  }

  .f52d {
    margin-top: clamp(2rem, 4vw, 3rem);
    padding: clamp(2rem, 4vw, 3rem);
    background: var(--color-accent);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    text-align: center;
  }

  .ldc74b {
    font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
    color: var(--color-text-on-accent);
    margin: 0;
    font-weight: 700;
  }

  .a55c5a5 {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    color: var(--color-text-on-accent);
    margin: 0;
    line-height: 1.6;
  }

  .c1d7e80 {
    display: inline-block;
    padding: 0.75rem 2rem;
    background: var(--color-text-on-accent);
    color: var(--color-accent);
    text-decoration: none;
    border-radius: var(--radius-md);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    font-weight: 600;
    transition: all var(--transition-base);
  }

  .c1d7e80:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  @media (max-width: 768px) {
    .p448 {
      text-align: center;
    }

    .f52d {
      margin-left: 0;
      margin-right: 0;
    }
  }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: 'Source Sans 3', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

p, span, li, a {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i20b {
  background: var(--color-bg-primary);
  width: 100%;
}

.aed7c08 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.n8a3 {
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, #1a2847 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.g3505 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  text-align: center;
}

.ca754c2 {
  color: #ffffff;
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

.abd {
  color: #cbd5e1;
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 300;
  max-width: 700px;
}

.g40764 {
  width: 100%;
  max-width: 900px;
  height: auto;
  max-height: 500px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

.m2fc {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.n2a075c2 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.kb4b {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.ac1 {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}

.a2691 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

.n45 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
}

.n45 p {
  margin-bottom: 1.5rem;
}

.n45 p:last-child {
  margin-bottom: 0;
}

.mbebe2 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.kcec1 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.p65 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.ee45 {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}

.l28574d {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

.i021d {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.p414 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.p414:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  border-color: var(--color-accent);
}

.d665 {
  width: 48px;
  height: 48px;
  background: var(--color-bg-secondary);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.5rem;
}

.j40a94 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 1.5vw, 1.375rem);
  font-weight: 600;
  line-height: 1.4;
}

.m9edf03d {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.6;
}

.mfd7 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ofc9 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.if2780d {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.c564cf {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}

.ja21b {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

.pef23c60 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.m9e2343 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
}

.pea {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  font-family: 'Bricolage Grotesque', sans-serif;
  min-width: 60px;
  flex-shrink: 0;
}

.ia9 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
}

.i285cf {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 1.5vw, 1.375rem);
  font-weight: 600;
  line-height: 1.4;
}

.e16a6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.6;
}

.f7e8d61 {
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, #1a2847 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ie63fc {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

.a51c4 {
  max-width: 700px;
  margin: 0 auto;
}

.l10fb {
  color: #ffffff;
  font-size: clamp(1.375rem, 3vw, 1.875rem);
  font-weight: 600;
  line-height: 1.5;
  font-style: italic;
  margin-bottom: 1.5rem;
}

.e7c2fcf {
  color: #cbd5e1;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  font-weight: 500;
}

.gcdc3 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
}

.c26e {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 900px;
  margin: 0 auto;
}

.hab3 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1rem;
}

.oa6e {
  color: var(--color-accent);
  font-size: 1.5rem;
  margin-top: 0.25rem;
  flex-shrink: 0;
}

.oe0a3a {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 1.5vw, 1.375rem);
  font-weight: 600;
  line-height: 1.4;
}

.nabb {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  line-height: 1.7;
}

.mace3 {
  width: 100%;
  max-width: 800px;
  height: auto;
  max-height: 400px;
  border-radius: 8px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .p414 {
    flex: 1 1 calc(33.333% - 1.35rem);
  }

  .m9e2343 {
    gap: clamp(2rem, 4vw, 3rem);
  }

  .h74 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: clamp(2rem, 4vw, 3rem);
  }

  .a5d7cca {
    flex: 1 1 48%;
  }

  .oc12cf {
    flex: 1 1 48%;
    max-height: 400px;
  }
}

@media (max-width: 767px) {
  .p414 {
    flex: 1 1 100%;
  }

  .m9e2343 {
    flex-direction: column;
    gap: 1rem;
  }

  .pea {
    min-width: auto;
  }
}

.n981d4b {
  width: 100%;
}

.hfd9 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.i6cf0 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
  align-items: center;
  text-align: center;
}

.a53 {
  width: 100%;
  max-width: 400px;
  aspect-ratio: 1;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.e537 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.i175f {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 2vw, 1rem);
}

.b50a {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e1a6b8 {
  font-size: clamp(1rem, 3vw, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 600;
}

.a6baaedd {
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  color: var(--color-text-muted);
}

@media (min-width: 768px) {
  .i6cf0 {
    flex-direction: row;
    align-items: center;
    text-align: left;
  }

  .a53 {
    flex: 1 1 40%;
    max-width: none;
  }

  .i175f {
    flex: 1 1 60%;
    gap: clamp(1rem, 3vw, 1.5rem);
  }
}

.p1a54e05 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.l2b3ea1b {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.ab92b3 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.c9a66 {
  font-size: clamp(0.8125rem, 1.5vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.b802 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.gd0e {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.haa924 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

.haa924:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.c527 {
  font-size: clamp(2rem, 5vw, 2.5rem);
  color: var(--color-accent);
}

.k11 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n7f1 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

@media (min-width: 1024px) {
  .haa924 {
    flex: 1 1 calc(25% - 1.5rem);
  }
}

.h617bc {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ida97b {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.bf5821f {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.i95b4 {
  font-size: clamp(0.8125rem, 1.5vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.b99eaf {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.mbf2396 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
}

.e915 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 2.5rem);
}

.fdc1dc4 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-left: 4px solid var(--color-accent);
}

.j80d {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
}

.m262 {
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ffc25 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.la2c {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-md);
  text-align: center;
}

.g28 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-light);
  line-height: 1.8;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ec3d {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.l63 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.e138a5d1 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.na7 {
  font-size: clamp(0.8125rem, 1.5vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.c40f142 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g0b6053 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1rem);
  justify-content: center;
}

.d87f9c {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  font-weight: 500;
}

.d87f9c:hover {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-color: var(--color-accent);
}

.pda05 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.d77 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.m2290 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.c1f11378 {
  font-size: clamp(0.8125rem, 1.5vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.l0203 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g9ba9 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
}

.l61d6266 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.j09fdb {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
  border-top: 3px solid var(--color-accent);
}

.j09fdb:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.h7246739 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-sm);
  font-weight: 600;
  text-transform: uppercase;
  width: fit-content;
}

.m1a1 {
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.3;
}

.h528f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  flex-grow: 1;
}

.ifda780b {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
}

.ifda780b:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

@media (min-width: 1024px) {
  .j09fdb {
    flex: 1 1 calc(25% - 1.5rem);
  }
}

.ke842d3 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.dfaaa1 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
}

.fd3 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-light);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n9e757 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-light-secondary);
  line-height: 1.6;
}

.ib70f {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  width: fit-content;
  align-self: center;
}

.ib70f:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .gd0e {
  }

  .haa924 {
    flex: 1 1 25%;
  }

  .l61d6266 {
  }

  .j09fdb {
    flex: 1 1 25%;
  }
}

@media (max-width: 767px) {
  .gd0e {
    flex-wrap: wrap;
  }

  .haa924 {
    flex: 1 1 calc(50% - 0.75rem);
  }

  .l61d6266 {
    flex-wrap: wrap;
  }

  .j09fdb {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

.cfb5 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  direction: rtl;
  text-align: right;
}

.g9780 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow: hidden;
  text-align: center;
}

.n5310 {
  max-width: 900px;
  margin: 0 auto;
}

.g4958908 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.d2fd2d {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.j97 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow: hidden;
}

.f942c533 {
  max-width: 900px;
  margin: 0 auto;
}

.ef4 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.nd70d {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

.nd70d:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-sm);
}

.e4d {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  text-align: right;
  transition: background-color var(--transition-fast);
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.e4d:hover {
  background-color: var(--color-bg-tertiary);
}

.nd70d[open] .e4d {
  background-color: var(--color-bg-tertiary);
  color: var(--color-primary);
}

.k35459f2 {
  flex: 1;
  text-align: right;
  line-height: 1.4;
}

.c0bb {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--color-primary);
  transition: transform var(--transition-base);
  display: flex;
  align-items: center;
  justify-content: center;
}

.nd70d[open] .c0bb {
  transform: rotate(45deg);
}

.bd7 {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

.bd7 p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  line-height: 1.6;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.m2069 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow: hidden;
}

.h959d1 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.lde {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.g339cd3 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.5;
}

.c3c {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(1rem, 1.2vw, 1.125rem);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

.c3c:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

.c3c:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .g9780 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .j97 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .e4d {
    padding: var(--spacing-xl);
    font-size: 1.125rem;
  }

  .bd7 {
    padding: 0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
  }

  .m2069 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .g9780 {
    padding: 4rem var(--spacing-lg);
  }

  .j97 {
    padding: 4rem var(--spacing-lg);
  }

  .ef4 {
    gap: var(--spacing-lg);
  }

  .m2069 {
    padding: 4rem var(--spacing-lg);
  }

  .c3c {
    font-size: 1.125rem;
    padding: var(--spacing-md) var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .nd70d,
  .e4d,
  .c0bb,
  .bd7,
  .c3c {
    transition: none;
    animation: none;
  }
}

.ha1 {
  background-color: var(--color-bg-primary);
}

.a2876 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.f441 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: center;
}

.o7a {
  order: 2;
}

.k40 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  margin: 0 0 1rem 0;
  line-height: 1.2;
}

.ldedf {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  margin: 0;
  line-height: 1.6;
}

.m26a3c {
  order: 1;
  width: 100%;
}

.gb5fd5b9 {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .a2876 {
    padding: 4rem 2rem;
  }

  .f441 {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }

  .o7a {
    order: 1;
  }

  .m26a3c {
    order: 2;
  }
}

@media (min-width: 1024px) {
  .a2876 {
    padding: 5rem 3rem;
  }

  .f441 {
    gap: 4rem;
  }

  .k40 {
    font-size: 3.5rem;
  }
}

.p97d {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.n24 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

.k4c1 {
  background-color: var(--color-bg-card);
  padding: 2rem 1.5rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

.k4c1:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}

.hb9 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: 1rem;
  color: var(--color-primary);
  font-size: 1.5rem;
}

.ebe550 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  margin: 0 0 1rem 0;
  line-height: 1.3;
}

.o50 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  margin: 0 0 1.5rem 0;
  line-height: 1.7;
  flex-grow: 1;
}

.g52be {
  display: inline-block;
  font-family: var(--font-primary);
  color: var(--color-accent);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  padding: 0.5rem 0;
  border-bottom: 2px solid var(--color-accent);
  transition: var(--transition-fast);
  width: fit-content;
}

.g52be:hover {
  color: var(--color-accent-hover);
  border-bottom-color: var(--color-accent-hover);
}

@media (min-width: 768px) {
  .p97d {
    padding: 4rem 2rem;
  }

  .n24 {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }

  .k4c1 {
    padding: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .p97d {
    padding: 5rem 3rem;
  }

  .n24 {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }

  .k4c1 {
    padding: 2.75rem;
  }

  .k4c1:nth-child(3),
  .k4c1:nth-child(4) {
    grid-column: span 1;
  }
}

.kdf7 {
  background-color: var(--color-bg-tertiary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.m4d0bcd {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.l51a201a {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  margin: 0 0 1rem 0;
  line-height: 1.2;
}

.d10ca44 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  margin: 0 0 2rem 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.d849b3 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

.bf8 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  padding: 0.9rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: var(--transition-base);
  cursor: pointer;
  border: none;
}

.g3b {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
}

.g3b:hover {
  background-color: var(--color-primary-hover);
}

.ke8 {
  background-color: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

.ke8:hover {
  background-color: var(--color-primary-light);
  color: var(--color-primary);
}

@media (min-width: 768px) {
  .kdf7 {
    padding: 4rem 2rem;
  }

  .d849b3 {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .kdf7 {
    padding: 5rem 3rem;
  }

  .l51a201a {
    font-size: 2.75rem;
  }

  .bf8 {
    padding: 1rem 2.5rem;
  }
}

.e61514b {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.e61514b main {
  width: 100%;
}

.e61514b .aed7c08 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.e61514b .a494b4 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.e61514b h1 {
  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;
  line-height: 1.3;
}

.e61514b h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
  line-height: 1.4;
}

.e61514b p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.e61514b .bc242 {
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.e61514b ul {
  margin: var(--spacing-md) 0;
  padding-left: var(--spacing-lg);
}

.e61514b li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.e61514b .pfd3e5b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border: 1px solid var(--color-border-light);
}

.e61514b .pfd3e5b h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.e61514b .pfd3e5b p {
  margin-bottom: var(--spacing-md);
}

.e61514b .mba4057 {
  font-weight: 600;
  color: var(--color-text-primary);
  display: inline-block;
  min-width: 80px;
}

.e61514b strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

@media (min-width: 768px) {
  .e61514b .a494b4 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .e61514b .aed7c08 {
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .e61514b .a494b4 {
    padding: var(--spacing-3xl) 0;
  }

  .e61514b .aed7c08 {
    padding: 0 var(--spacing-2xl);
  }
}

.a3b40e71 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.n862 {
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.n862 .aed7c08 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.e1c1 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.i1336b {
  width: clamp(60px, 12vw, 100px);
  height: clamp(60px, 12vw, 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  background-color: var(--color-success-light);
  flex-shrink: 0;
}

.i1336b svg {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  stroke-width: 1.5;
}

.e1c1 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
  margin: 0;
  line-height: 1.2;
}

.e1c1 .j72 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  letter-spacing: 0.3px;
}

.e1c1 .e832df8e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  direction: rtl;
  text-align: right;
}

.pb0 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  width: 100%;
  text-align: right;
}

.pb0 .p0b6b3 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: 0.3px;
}

.pb0 .feb {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.pb0 .feb li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-right: var(--spacing-md);
  position: relative;
  direction: rtl;
  text-align: right;
}

.pb0 .feb li::before {
  content: "✓";
  position: absolute;
  right: 0;
  top: 0;
  color: var(--color-success);
  font-weight: bold;
  font-size: clamp(0.85rem, 1vw, 1rem);
}

.e26b5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.85rem, 1.5vw, 1.1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
  white-space: nowrap;
  text-align: center;
}

.p2e8 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
}

.p2e8:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.p2e8:active {
  transform: translateY(0);
}

@media (min-width: 480px) {
  .n862 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .pb0 {
    padding: var(--spacing-xl);
  }

  .pb0 .feb li {
    padding-right: var(--spacing-lg);
  }
}

@media (min-width: 768px) {
  .n862 {
    padding: 4rem var(--spacing-xl);
  }

  .n862 .aed7c08 {
    padding: 0 var(--spacing-xl);
  }

  .e1c1 {
    gap: var(--spacing-xl);
  }

  .e1c1 h1 {
    margin-bottom: var(--spacing-sm);
  }

  .pb0 {
    padding: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .n862 {
    padding: 5rem var(--spacing-2xl);
  }

  .n862 .aed7c08 {
    padding: 0 var(--spacing-2xl);
  }

  .e1c1 {
    gap: var(--spacing-2xl);
  }

  .i1336b {
    width: 120px;
    height: 120px;
  }

  .e26b5:hover {
    box-shadow: var(--shadow-lg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .e26b5 {
    transition: none;
  }

  .p2e8:hover {
    transform: none;
  }
}

.de7a9f {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  direction: rtl;
  overflow: hidden;
}

.gf2efa {
  width: 100%;
  padding: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  overflow: hidden;
}

.aed7c08 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
}

.a494b4 {
  width: 100%;
  max-width: 800px;
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.e511 {
  position: relative;
  margin-bottom: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
}

.eed8c {
  width: 120px;
  height: 120px;
  animation: ballFloat 3s ease-in-out infinite;
}

.eed8c svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.15));
}

.b29dd {
  font-family: var(--font-heading);
  font-size: clamp(3rem, 12vw, 6rem);
  font-weight: 900;
  color: var(--color-primary);
  margin: 0;
  letter-spacing: -0.02em;
  line-height: 1;
  animation: slideDown 0.8s ease-out;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.g6eb35 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

.oc7da,
.i5a0 {
  width: 3px;
  height: 60px;
  background-color: var(--color-primary);
  border-radius: var(--radius-full);
  animation: wicketSway 2s ease-in-out infinite;
}

.oc7da {
  transform: rotate(-15deg);
  animation-delay: 0s;
}

.i5a0 {
  transform: rotate(15deg);
  animation-delay: 0.3s;
}

.h99f82 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: var(--spacing-xl) 0 var(--spacing-md);
  line-height: 1.2;
}

.ffc {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg);
  line-height: 1.8;
  opacity: 0.9;
}

.j90f03 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl);
  line-height: 1.7;
  font-weight: 500;
}

.e26b5 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all var(--transition-base);
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  box-shadow: var(--shadow-md);
}

.p2e8 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.p2e8:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.p2e8:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.o79ce92 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
  padding-top: var(--spacing-2xl);
  border-top: 2px solid var(--color-border-light);
}

.o857035e {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  animation: fadeIn 0.8s ease-out;
  animation-fill-mode: both;
}

.o857035e:nth-child(1) {
  animation-delay: 0.2s;
}

.o857035e:nth-child(2) {
  animation-delay: 0.4s;
}

.o857035e:nth-child(3) {
  animation-delay: 0.6s;
}

.j6158f {
  font-size: clamp(2rem, 5vw, 2.5rem);
  line-height: 1;
}

.j15 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.8vw + 0.3rem, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ballFloat {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes wicketSway {
  0%, 100% {
    transform: rotate(var(--rotation, 0deg));
  }
  50% {
    transform: rotate(calc(var(--rotation, 0deg) * 0.5));
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .de7a9f {
    min-height: 100vh;
  }

  .gf2efa {
    padding: var(--spacing-md);
    min-height: auto;
  }

  .aed7c08 {
    padding: 0 var(--spacing-md);
  }

  .eed8c {
    width: 100px;
    height: 100px;
  }

  .o79ce92 {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
  }

  .e26b5 {
    width: 100%;
    padding: var(--spacing-md) var(--spacing-lg);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .de7a9f {
    min-height: 100vh;
  }

  .gf2efa {
    padding: var(--spacing-xl);
    min-height: 100vh;
  }

  .aed7c08 {
    padding: 0 var(--spacing-lg);
  }

  .eed8c {
    width: 130px;
    height: 130px;
  }

  .o79ce92 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1024px) {
  .de7a9f {
    min-height: 100vh;
  }

  .gf2efa {
    padding: var(--spacing-2xl);
    min-height: 100vh;
  }

  .aed7c08 {
    padding: 0 var(--spacing-2xl);
  }

  .eed8c {
    width: 150px;
    height: 150px;
  }

  .e26b5:hover {
    transform: translateY(-4px);
  }

  .o79ce92 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl);
  }
}

.f68e4d {
  background-color: var(--color-bg-primary);
  width: 100%;
  overflow: hidden;
}

.i975 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.if59 {
  text-align: center;
}

.d5ede11 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.5px;
}

.p98c52c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .i975 {
    padding: 5rem 0;
  }
}

@media (min-width: 1024px) {
  .i975 {
    padding: 6rem 0;
  }
}

.b606 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.l3e4e {
  width: 100%;
}

.g8a39 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  width: 100%;
}

.j6fdb {
  flex: 1 1 100%;
  min-width: 280px;
}

.jba {
  flex: 1 1 100%;
  min-width: 280px;
}

@media (min-width: 768px) {
  .g8a39 {
    gap: 4rem;
  }

  .j6fdb {
    flex: 1 1 400px;
  }

  .jba {
    flex: 1 1 400px;
  }
}

@media (min-width: 1024px) {
  .b606 {
    padding: 5rem 0;
  }

  .g8a39 {
    gap: 5rem;
  }
}

.m57 {
  margin-bottom: var(--spacing-2xl);
}

.k64d {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.3px;
}

.fdb79649 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.nc1387 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.b6f6a7c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

.ccf38b {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.b684d7,
.l9d59 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: all var(--transition-base);
}

.b684d7::placeholder,
.l9d59::placeholder {
  color: var(--color-text-muted);
}

.b684d7:focus,
.l9d59:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.b684d7:invalid:not(:placeholder-shown),
.l9d59:invalid:not(:placeholder-shown) {
  border-color: var(--color-danger);
}

.l9d59 {
  min-height: 140px;
  resize: vertical;
}

.b9a49f4 {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
}

.b9a49f4:hover {
  background-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.b9a49f4:active {
  transform: translateY(0);
}

.kfe6d42 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.5rem, 0.9rem);
  color: var(--color-text-muted);
  text-align: center;
  line-height: 1.5;
  margin: 0;
}

.k9ec {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

.k9ec:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.gd816e {
  margin-bottom: var(--spacing-2xl);
}

.kcba1e58 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.3px;
}

.fcb73 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.l02682 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-3xl);
}

.c810654 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.c810654:hover {
  border-color: var(--color-primary-light);
  background-color: var(--color-bg-tertiary);
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

.d27e {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  font-size: 1.25rem;
  color: var(--color-primary);
}

.m3beb5 {
  flex: 1;
}

.l01bd {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  letter-spacing: -0.2px;
}

.daef {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  word-break: break-word;
}

.f49af1 {
  padding: var(--spacing-2xl);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  text-align: center;
  border: 1px solid var(--color-border-light);
}

.g593ece {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.3px;
}

.n3a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
}

.h36879e {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
}

.h36879e:hover {
  background-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.h36879e:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .b606 {
    padding: 4rem 0;
  }

  .c810654 {
    padding: var(--spacing-lg);
  }

  .f49af1 {
    padding: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .b606 {
    padding: 6rem 0;
  }

  .c810654 {
    padding: var(--spacing-xl);
  }
}

@media (max-width: 480px) {
  .nc1387,
  .l02682 {
    gap: var(--spacing-md);
  }

  .c810654 {
    gap: var(--spacing-md);
  }

  .b9a49f4 {
    padding: 0.875rem 1.5rem;
  }
}
.ne3456,.m21bc0{
  width: 34px;
}

/* FIX:nav .cab4 */
.cab4{
  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;
}

.b82{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .b82{
    max-width: 100%;
  }
}

/* FIX:zindex .b82.l287 */
.b82.l287{
  z-index: 999;
}

/* FIX:navpad .g890aa */
.g890aa{
  padding-top: 50px;
}

/* FIX:toggle-expand .ne3456 */
.ne3456[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .e05d {
    aspect-ratio: 6 / 9;
  }
  .jc4 {
    aspect-ratio: 6 / 9;
  }
  .o8deb1 {
    aspect-ratio: 6 / 9;
  }
}

/* === QA batch contrast/rtl/honeypot === */

html, body {
  direction: rtl;
}


/* honeypot: clip instead of off-screen */
[aria-hidden="true"][style*="-9999"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  left: 0 !important;
  top: 0 !important;
}


a.bf8, .bf8,
a.ke8, .ke8 {
  color: #93c5fd;
}
a.bf8:hover, .bf8:hover,
a.ke8:hover, .ke8:hover {
  color: #bfdbfe;
  text-decoration: none;
}
a.e4d:hover, .e4d:hover {
  color: #e2e8f0;
  text-decoration: none;
}

/* solid CTA hover: beat global a:hover */
a.b8807:hover, .b8807:hover {
  color: #ffffff;
  text-decoration: none;
}
a.bf8:hover, .bf8:hover {
  color: #ffffff;
  text-decoration: none;
}
a.c3c:hover, .c3c:hover {
  color: #ffffff;
  text-decoration: none;
}
a.e26b5:hover, .e26b5:hover {
  color: #ffffff;
  text-decoration: none;
}
a.e4d:hover, .e4d:hover {
  color: #ffffff;
  text-decoration: none;
}
a.e85cd515:hover, .e85cd515:hover {
  color: #ffffff;
  text-decoration: none;
}
a.g34:hover, .g34:hover {
  color: #ffffff;
  text-decoration: none;
}
a.g3b:hover, .g3b:hover {
  color: #ffffff;
  text-decoration: none;
}
a.h343:hover, .h343:hover {
  color: #ffffff;
  text-decoration: none;
}
a.h36879e:hover, .h36879e:hover {
  color: #ffffff;
  text-decoration: none;
}
a.ke8:hover, .ke8:hover {
  color: #ffffff;
  text-decoration: none;
}
a.p2e8:hover, .p2e8:hover {
  color: #ffffff;
  text-decoration: none;
}

/* === QA residual pass-2 === */

a.bf8.g3b, .bf8.g3b, a.g3b, .g3b {
  color: #ffffff;
  background-color: var(--color-primary);
}
a.bf8.g3b:hover, .bf8.g3b:hover, a.g3b:hover, .g3b:hover {
  color: #ffffff;
  background-color: var(--color-primary-hover);
  text-decoration: none;
}
a.e4d, .e4d {
  color: #1e293b;
  background-color: #e2e8f0;
}
a.e4d:hover, .e4d:hover {
  color: #0f172a;
  background-color: #cbd5e1;
  text-decoration: none;
}


/* === QA residual pass-3 === */
a.jc3ea21c, .jc3ea21c, a.ib70f, .ib70f {
  color: #ffffff;
}
a.jc3ea21c:hover, .jc3ea21c:hover, a.ib70f:hover, .ib70f:hover {
  color: #ffffff;
  text-decoration: none;
}
