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

:root {
  --color-bg-primary: #fff7ed;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #0c0a09;
  --color-bg-card: #ffffff;

  --color-text-primary: #431407;
  --color-text-secondary: #78350f;
  --color-text-muted: #8b663f;

  --color-primary: #ea580c;
  --color-primary-hover: #c2410c;
  --color-primary-light: #f9d5c3;
  --color-primary-lighter: #fce8dd;

  --color-secondary: #f97316;
  --color-secondary-light: #fed7aa;
  --color-secondary-lighter: #ffedd5;

  --color-success: #16a34a;
  --color-success-light: #dcfce7;

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

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

  --color-border: #ddd6d0;
  --color-border-light: #ede8e3;

  --font-primary: 'Outfit', sans-serif;
  --font-heading: 'Manrope', sans-serif;

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

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

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

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

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

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

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

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

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

.h8756f {
  max-width: 1440px;
  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: var(--line-height-tight);
  color: var(--color-text-primary);
}

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

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

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

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

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

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

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

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

button,
.ib0384 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
  text-decoration: none;
}

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

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

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

.kf6f45b:hover {
  background: #ea5a08;
  box-shadow: var(--shadow-lg);
}

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

.a100f4:hover {
  background: var(--color-primary-lighter);
  border-color: var(--color-primary-hover);
}

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

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

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

input,
textarea,
select {
  font-family: var(--font-primary);
  font-size: 1rem;
  padding: var(--spacing-md);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  transition: border-color var(--transition-base);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
}

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

.cb307 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-xl);
  font-size: 0.875rem;
  font-weight: 600;
}

.pce {
  background: var(--color-primary-lighter);
  color: var(--color-text-primary);
}

.l535 {
  background: var(--color-success-light);
  color: #166534;
}

.h1fbd25f {
  background: var(--color-warning-light);
  color: #92400e;
}

.i4a7b80 {
  background: var(--color-danger-light);
  color: #991b1b;
}

.e80b1be {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: var(--spacing-4xl) var(--spacing-lg);
}

.jee8 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-4xl) var(--spacing-lg);
}

.h9bb {
  background: var(--color-bg-tertiary);
  color: #ffffff;
  padding: var(--spacing-4xl) var(--spacing-lg);
}

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

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

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

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

.f407b0 {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

.mc7257d {
  flex-direction: column;
}

.i45ca {
  justify-content: space-between;
}

.h8ca1 {
  justify-content: center;
}

.h40 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jb76cf {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}

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

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

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

.dbab9b0d {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}

.ife283a4 {
  padding-top: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
}

.i57 {
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}

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

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

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

.ga6 {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}

.a351f14 {
  padding-left: var(--spacing-2xl);
  padding-right: var(--spacing-2xl);
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

@media (max-width: 768px) {
  .h8756f {
    padding: 0 var(--spacing-md);
  }

  h1 {
    font-size: 1.875rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .l213434e,
  .o30,
  .n729 {
    grid-template-columns: 1fr;
  }

  .e80b1be,
  .jee8,
  .h9bb {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  button,
  .ib0384 {
    padding: var(--spacing-md) var(--spacing-lg);
    font-size: 0.95rem;
  }
}

@media (max-width: 480px) {
  .h8756f {
    padding: 0 var(--spacing-md);
  }

  h1 {
    font-size: 1.5rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  .e80b1be,
  .jee8,
  .h9bb {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

  .n62167 {
    padding: var(--spacing-lg);
  }

  .f407b0 {
    flex-direction: column;
  }

  button,
  .ib0384 {
    width: 100%;
  }
}
.ab7 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
}

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

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

.h45a33b:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

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

.af023beb {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
}

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

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

.g5c7a4c5.pc10 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.b558 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
  gap: 1rem;
}

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

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

.ja8313d3 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  flex: 1;
}

.e7f74e {
  padding: 1rem clamp(1rem, 3vw, 1.5rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base), color var(--transition-base);
}

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

.e8d24896 {
  padding: 1rem clamp(1rem, 3vw, 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;
  text-decoration: none;
  text-align: center;
  transition: background var(--transition-base);
}

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

@media (min-width: 768px) {
  .k4e9a4 {
    padding: clamp(0.75rem, 2vw, 1.5rem) clamp(1rem, 4vw, 2rem);
  }

  .e391c {
    display: flex;
  }

  .ob4d646 {
    display: inline-block;
  }

  .af023beb {
    display: none;
  }

  .g5c7a4c5 {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .k4e9a4 {
    padding: 1rem clamp(1.5rem, 4vw, 2.5rem);
  }

  .g784b {
    font-size: 1.35rem;
  }

  .e391c {
    gap: 2rem;
  }

  .o7a4c {
    font-size: 1rem;
  }

  .ob4d646 {
    font-size: 1rem;
    padding: 0.875rem 2rem;
  }
}

    

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

html, body {
  width: 100%;
}

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

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

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

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

.ib0384 {
  display: inline-block;
  padding: 0.875rem 2rem;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}

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

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

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

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

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

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

.a58739 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 1.5rem);
  max-width: 600px;
}

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

.k696 {
  font-size: clamp(1rem, 3vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  line-height: 1.4;
}

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

.la1cfd {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1rem;
}

.ece85 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto auto;
  gap: 1rem;
  width: 100%;
  max-width: 700px;
}

.p4c8974 {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  overflow: hidden;
  border-radius: 0.75rem;
}

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

.b445f {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.o5cb {
  overflow: hidden;
  border-radius: 0.75rem;
  flex: 1;
}

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

.o4c {
  overflow: hidden;
  border-radius: 0.75rem;
  flex: 1.2;
}

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

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

.df59 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
}

.hc4b3b4 {
  border: 3px solid var(--color-accent);
  border-radius: 0.75rem;
  padding: clamp(2rem, 5vw, 3rem);
  background: var(--color-bg-card);
  max-width: 700px;
}

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

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

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

.n97bf5a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

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

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

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

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

.kfb {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.jc4 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  margin-bottom: 0.75rem;
  font-weight: 700;
}

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

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

.p4a27dc {
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  flex: 1 1 280px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}

.c847 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--color-accent);
  border-radius: 0.75rem 0.75rem 0 0;
}

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

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

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

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

.be64 {
  text-align: center;
}

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

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

.cacc {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid var(--color-border-light);
}

.k01b {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-bottom: 1px solid var(--color-border-light);
}

.k01b:last-child {
  border-bottom: none;
}

.ecd179,
.lf2e83 {
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  align-items: center;
}

.ecd179 {
  background: rgba(234, 88, 12, 0.05);
  border-right: 1px solid var(--color-border-light);
}

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

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

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

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

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

.jecaf737 {
  text-align: center;
}

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

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

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

.l16624 {
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  padding: clamp(1.5rem, 3vw, 2rem);
}

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

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

.g084e {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: rgba(234, 88, 12, 0.08);
}

.m149329 {
  background: rgba(34, 197, 94, 0.08);
}

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

.g084e::before {
  content: "";
  color: var(--color-accent);
  font-weight: bold;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

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

.e81b6d {
  text-align: center;
}

.aa2786 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  margin-bottom: 0.75rem;
  font-weight: 700;
}

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

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

.p18 {
  flex: 1 1 280px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  position: relative;
}

.p18:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 3rem;
  right: -1.5rem;
  width: 3rem;
  height: 2px;
  background: var(--color-accent);
  opacity: 0.3;
}

.hcee {
  font-size: 3.5rem;
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

.j593e7c {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
}

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

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

.l019d7 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 5vw, 3rem);
  align-items: center;
}

.ie51 {
  width: 100%;
  height: auto;
  min-height: 350px;
  border-radius: 0.75rem;
  overflow: hidden;
}

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

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

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

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

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

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

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

.oec62 {
  text-align: center;
}

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

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

.m88b {
  width: 100%;
  overflow: visible;
}

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

.bd1 {
  flex: 1 1 320px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.bd1:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

.haeb07 {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
  align-self: flex-start;
}

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

.p51 {
  text-align: center;
  margin-top: 1rem;
}

.pf5a {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: var(--color-bg-tertiary);
  padding: clamp(1rem, 3vw, 1.5rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.pf5a.j8c {
  display: none;
}

.d85 {
  color: var(--color-text-on-accent);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: 1.5;
  flex: 1 1 auto;
  min-width: 200px;
}

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

.o60ff,
.p22 {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
}

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

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

.p22 {
  background: transparent;
  color: var(--color-text-on-accent);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.p22:hover {
  background: rgba(255, 255, 255, 0.1);
}

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

  .ece85 {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }

  .p4c8974 {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }

  .b445f {
    grid-column: 1 / 2;
    grid-row: 2 / 4;
    flex-direction: row;
  }

  .o5cb,
  .o4c {
    flex: 1;
  }

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

  .p18:not(:last-child)::after {
    display: none;
  }

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

  .ie51 {
    min-height: 250px;
  }

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

  .ecd179 {
    border-right: none;
    border-bottom: 1px solid var(--color-border-light);
  }

  .la1cfd {
    flex-direction: column;
  }

  .la1cfd .ib0384 {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .f2a {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }

  .b41ef {
    flex-direction: column;
  }

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

  .bd1 {
    max-width: 100%;
  }

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

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

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

  .o60ff,
  .p22 {
    flex: 1;
    min-width: 120px;
  }
}

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

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

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

.eaf {
  display: block;
}

.eaf h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.eaf p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 55ch;
}

.a98cb7 {
  display: block;
}

.a98cb7 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.n0646be {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.he8c {
  display: block;
}

.he8c h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.he8c p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k6cf756b {
  display: block;
}

.k6cf756b h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.cc9a {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ke0e959f {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .eaf {
    flex: 1 1 280px;
  }

  .a98cb7 {
    flex: 1 1 200px;
  }

  .he8c {
    flex: 1 1 220px;
  }

  .k6cf756b {
    flex: 1 1 200px;
  }

  .ocf1bc {
    flex: 1 1 100%;
  }

  .nd7 {
    flex-direction: column;
    gap: 0.75rem;
  }

  .l2a {
    flex-direction: column;
    gap: 0.75rem;
  }
}

@media (max-width: 767px) {
  .nd7 {
    gap: clamp(0.75rem, 2vw, 1rem);
  }

  .l2a {
    gap: clamp(0.75rem, 2vw, 1rem);
  }
}

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

.i91ad {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.d688ee {
  position: relative;
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, #1a1816 100%);
  padding: clamp(5rem, 12vw, 8rem) 0;
  overflow: hidden;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kda69 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 50%, rgba(234, 88, 12, 0.08) 0%, transparent 50%);
  pointer-events: none;
}

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

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

.ed498 {
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.25rem);
  color: #fdba74;
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.cc3a68 {
  flex: 1 1 100%;
}

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

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

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

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

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

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

.g9ac7,
.l94,
.c1cda16 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--color-text-muted);
}

.g9ac7 i,
.l94 i,
.c1cda16 i {
  color: var(--color-accent);
}

.m96 {
  align-self: flex-start;
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

.f2d1e {
  flex-shrink: 0;
  width: clamp(2rem, 4vw, 2.5rem);
  height: clamp(2rem, 4vw, 2.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
}

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

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

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

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

@media (max-width: 767px) {
  .o4a78,
  .cc3a68,
  .daacef {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .d688ee {
    min-height: 320px;
    padding: clamp(3rem, 8vw, 5rem) 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cc3a68 {
    flex: 1 1 100%;
  }

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

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

  .daacef {
    flex: 1 1 calc(33% - 1rem);
  }

  .l65532b {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

.o1fa5f4d {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
}

.f0f187e4 {
  background: var(--color-bg-primary);
  padding: 0.35rem 0.75rem;
  border-radius: var(--radius-sm);
  color: var(--color-accent);
  font-weight: 600;
}

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

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

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

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

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

  .j72ee9,
  .b72 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.afa9a66 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

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

.m87baaf5 {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  flex-shrink: 0;
}

.g2d9c0 {
  flex: 1;
}

.n4d5a {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-secondary);
  margin: 0 0 0.35rem 0;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.m400 {
  display: inline-block;
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  margin-bottom: 0.5rem;
  transition: color 0.3s ease;
}

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

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

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

  .m87baaf5 {
    width: 70px;
    height: 70px;
  }
}

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

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

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

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

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

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

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

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

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

  .j91,
  .ae9cc9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.o63a8234 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 280px;
  max-width: 450px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.o63a8234:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

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

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

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

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

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

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

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

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

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

.p02f {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

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

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

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

  .i8b8e71,
  .c0aa6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.e9b395bd {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.o45591 {
  display: flex;
  flex-direction: row;
  gap: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.o45591:last-child {
  border-bottom: none;
}

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

.h301b {
  flex: 1;
  padding: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-primary);
  font-weight: 500;
  line-height: var(--line-height-normal);
}

.i213e6 .h301b {
  color: var(--color-text-primary);
  font-weight: 600;
  background: var(--color-bg-primary);
}

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

.o45591:nth-child(even) {
  background: rgba(255, 255, 255, 0.5);
}

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

  .h301b {
    padding: clamp(0.75rem, 2vw, 1rem);
  }
}

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

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

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

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

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

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

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

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

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

  .a64,
  .b38fa {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.of2 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-family: var(--font-heading);
  color: #ffffff;
  margin: 0;
  line-height: var(--line-height-snug);
}

.dfb8ea3 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: #d1d5db;
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

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

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

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

.a9d {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 420px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.a9d:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

.ja654138 {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background: var(--color-bg-primary);
}

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

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

.i456c7 {
  font-size: clamp(1.025rem, 2vw + 0.5rem, 1.375rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
}

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

.acff {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
  align-self: flex-start;
}

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

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

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

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

.o0b4 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0 0 clamp(0.75rem, 2vw, 1rem) 0;
  line-height: var(--line-height-snug);
}

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

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

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

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

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

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

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

  .l689a,
  .ofa {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.je04f9 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.k5550 {
  flex: 1;
}

.d677 {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  margin: 0 0 0.25rem 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

.o700f {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

  .fda,
  .n1cf {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

  .a4df,
  .p5d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.na2b4bee {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #e0e0e0;
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  line-height: var(--line-height-relaxed);
  text-align: center;
}

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

.l2de09a {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem));
  min-width: 280px;
  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);
}

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

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

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

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

@media (max-width: 1024px) {
  .l2de09a {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
    min-width: 250px;
  }
}

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

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

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

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

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

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

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

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

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

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

.b5e {
  width: 45px;
  height: 45px;
  min-width: 45px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.25rem;
  font-family: var(--font-heading);
}

.cd77d {
  font-size: clamp(1rem, 1.1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 0.25rem 0;
  font-family: var(--font-heading);
}

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

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

  .gfbb49e3,
  .d21 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.d80c {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  padding: clamp(0.75rem, 1.5vw, 1rem) 0;
  border-bottom: 1px solid var(--color-border-light);
}

.d80c:last-child {
  border-bottom: none;
}

.m69 {
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.25rem;
  min-width: 30px;
  text-align: center;
  flex-shrink: 0;
}

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

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

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

.of4d {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: #ffffff;
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  line-height: var(--line-height-snug);
}

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

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

.k3ea6 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
}

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

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

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

.p7c753 {
  max-width: 900px;
  margin: 0 auto;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 5px solid var(--color-warning);
}

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

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

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

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

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

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

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

.f4a59a {
  flex: 1 1 calc(33.333% - clamp(2rem, 4vw, 2.5rem));
  min-width: 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

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

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

.m4cb9bfe {
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  font-family: var(--font-heading);
  line-height: var(--line-height-snug);
}

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

.ee8a74 {
  display: inline-block;
  margin-top: auto;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
}

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

@media (max-width: 1024px) {
  .f4a59a {
    flex: 1 1 calc(50% - clamp(2rem, 4vw, 2.5rem));
    min-width: 280px;
  }
}

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

  .fa8 {
    font-size: clamp(0.75rem, 0.9vw + 0.5rem, 0.875rem);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }
}

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

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

.fa8 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 0.95vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  flex-wrap: wrap;
}

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

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

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

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

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

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

.k07f1d {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 1vw, 1rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

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

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

.ia5a {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  padding: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
}

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

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

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

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

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

.ie8d677a {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

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

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

  .j2b6b,
  .ha9c10 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ie8d677a {
    gap: 1rem;
  }
}

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

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

.if1ae08f {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.d9c10ff9 {
  flex: 1;
}

.g5b {
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  color: var(--color-text-muted);
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.b00f6e {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  margin-top: 0.25rem;
}

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

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

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

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

.hf70 {
  flex: 1 1 55%;
  max-width: 55%;
}

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

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

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

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

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

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

.pfc2e {
  list-style: none;
  padding: 0;
  margin: 0;
}

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

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

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

  .hf70,
  .de3b7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.i43fb6a7 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  width: clamp(3rem, 6vw, 4rem);
  text-align: center;
}

.n751a89 {
  flex: 1;
}

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

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

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

  .j03d8,
  .i66c3d5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k5f {
    flex-direction: column;
  }

  .i43fb6a7 {
    width: auto;
  }
}

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

.o2c5cfa {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

.dd2aab {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

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

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

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

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

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

.dbb9157d {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color var(--transition-base);
  align-self: flex-start;
}

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

@media (max-width: 1024px) {
  .pe19df {
    width: calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

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

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

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

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

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

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

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

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

.oc414699 {
  display: block;
  width: 100%;
}

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

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

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

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

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

.i6f {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

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

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

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

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

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

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

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

  .d0002,
  .k8e595 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.j89 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.b0450 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

  .b0450 {
    width: 70px;
    height: 70px;
  }
}

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

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

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

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

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

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

.df4c {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

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

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

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

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

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

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

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

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

.k46 {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

.k46 li {
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

  .e7fa,
  .a79ccb2d,
  .m91,
  .nd489 {
    flex: 1 1 100%;
    max-width: 100%;
    order: initial;
  }
}

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

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

.a3a {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  line-height: 1.2;
}

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

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

.g435a6 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: rgba(255, 255, 255, 0.05);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

.g435a6:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--color-accent);
  transform: translateY(-4px);
}

.k64c4117 {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  font-weight: bold;
  font-family: var(--font-heading);
  line-height: 1;
}

.o2b5f {
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.4rem);
  color: #ffffff;
  line-height: 1.3;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.m7a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 1.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
  cursor: pointer;
  text-decoration: none;
}

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

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

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

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

  .m7a,
  .cebffba {
    width: 100%;
  }
}

.e3930c91 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  margin-top: clamp(2rem, 3vw, 3rem);
}

.o4a1b7 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-text-secondary);
}

.bd1d {
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.4rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

.l480c8:hover .i1a5935 {
  transform: scale(1.05);
}

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

.m280321 {
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.4rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin: 0;
}

.m280321 a {
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

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

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

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

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

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

  .b6b5,
  .g51,
  .ef02ca,
  .h83aa7fa,
  .l089,
  .fe8,
  .f3ff0 {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

.b1dbbf {
  text-align: center;
}

.f02535 {
  display: inline-block;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1.25rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin-bottom: 1rem;
  font-weight: 600;
}

.na8e7 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-family: var(--font-heading);
  margin-bottom: 1rem;
  font-weight: 700;
}

.a1b {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  max-width: 700px;
  margin: 0 auto;
  font-weight: 400;
}

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

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

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

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

.gcb29 p {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  line-height: var(--line-height-relaxed);
}

.cf80 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.of1 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-style: italic;
}

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

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

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

.jb9db1 {
  display: inline-block;
  color: var(--color-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}

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

.ee23fe {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  max-width: 700px;
  margin: 0 auto;
}

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

.j4a75 {
  flex: 1 1 clamp(250px, 45%, 350px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.jbc421d8 {
  color: var(--color-primary);
  font-size: 2rem;
  display: block;
}

.o2ff7dd {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  font-family: var(--font-heading);
  font-weight: 700;
}

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

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

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

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

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

.a5da0 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  max-width: 700px;
  margin: 0 auto;
}

.k8fe {
  width: 100%;
  max-width: 800px;
  height: auto;
  max-height: 400px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
  margin: 1.5rem auto 0;
}

.b0bd6d {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.eac4 {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  line-height: var(--line-height-relaxed);
}

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

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

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

.c64 {
  flex: 1 1 clamp(100%, 45%, 500px);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.c64 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  line-height: var(--line-height-relaxed);
}

.o90a85b7 {
  flex: 1 1 clamp(100%, 45%, 450px);
  width: 100%;
  height: auto;
  max-height: 400px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
}

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

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

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

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

.m053 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  font-family: var(--font-heading);
  font-weight: 700;
}

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

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

  .d11fd {
    padding: 2.5rem 0;
  }

  .fbde19c {
    gap: 1rem;
  }

  .j4a75 {
    flex: 1 1 100%;
  }

  .ff8d50 {
    flex-direction: column;
  }

  .c64 {
    flex: 1 1 100%;
  }

  .o90a85b7 {
    flex: 1 1 100%;
    max-height: 300px;
  }

  .le82 {
    max-height: 300px;
  }

  .k8fe {
    max-height: 300px;
  }
}

@media (max-width: 480px) {
  .na8e7 {
    font-size: clamp(1.5rem, 5vw, 2.25rem);
  }

  .fbde19c {
    gap: 0.75rem;
  }

  .j4a75 {
    padding: 1rem;
  }

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

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

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

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

.h71e {
  display: block;
}

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

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

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

.gb447c {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 500px;
}

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

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

.k2809b89 {
  font-family: var(--font-heading, 'Manrope', sans-serif);
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight, 1.2);
}

.h10df5a2 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

.d8b {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 3vw, 2rem);
  margin-top: clamp(0.5rem, 2vw, 1rem);
}

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

.l28 {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading, 'Manrope', sans-serif);
}

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

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

  .gb447c {
    flex: 1 1 100%;
    min-height: 250px;
    max-height: 350px;
  }

  .p74 {
    flex: 1 1 100%;
  }

  .d8b {
    flex-wrap: wrap;
  }
}

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

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

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

.k06e80b {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  align-self: center;
}

.c5c {
  font-family: var(--font-heading, 'Manrope', sans-serif);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight, 1.2);
}

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

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

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

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

.bfaa095 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: clamp(0.25rem, 1vw, 0.5rem);
}

.a27fb {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading, 'Manrope', sans-serif);
}

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

@media (max-width: 768px) {
  .c47fd {
    gap: 1rem;
  }

  .n0e01ef7 {
    width: 50px;
    height: 50px;
    font-size: 1.25rem;
  }
}

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

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

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

.abc70dc {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  align-self: center;
}

.jc6 {
  font-family: var(--font-heading, 'Manrope', sans-serif);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight, 1.2);
}

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

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

.fd45 {
  flex: 1 1 clamp(250px, 30vw, 320px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg, 12px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base, 0.3s ease);
}

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

.nbd13 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
}

.p45b1f2 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading, 'Manrope', sans-serif);
}

.ic8ac0 {
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed, 1.7);
}

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

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

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

.j2a {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  align-self: center;
}

.jbe0fa {
  font-family: var(--font-heading, 'Manrope', sans-serif);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight, 1.2);
}

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

.f5553f5 {
  flex: 1 1 clamp(250px, 45vw, 400px);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.m1457 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading, 'Manrope', sans-serif);
}

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

.idf2d {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md, 8px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: clamp(1rem, 3vw, 2rem);
}

.j114ee5 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-style: italic;
  font-weight: 500;
  line-height: var(--line-height-relaxed, 1.7);
}

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

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

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

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

.f658 {
  font-family: var(--font-heading, 'Manrope', sans-serif);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight, 1.2);
}

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

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

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

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

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

.cb99 {
  flex: 1 1 50%;
  background: var(--color-accent);
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: var(--radius-lg, 12px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
}

.gec9 {
  font-family: var(--font-heading, 'Manrope', sans-serif);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  line-height: var(--line-height-tight, 1.2);
}

.ge7b6 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-relaxed, 1.7);
}

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

.iba95:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}

.a549 {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.dfa73017 {
  font-family: var(--font-heading, 'Manrope', sans-serif);
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

.pe5 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.g84b {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base, 0.3s ease);
}

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

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

  .cb99 {
    flex: 1 1 100%;
  }

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

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

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

.h556 {
  font-family: var(--font-heading, 'Manrope', sans-serif);
  font-size: clamp(1.5rem, 3.5vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight, 1.2);
}

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

.f46 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(2rem, 4vw, 2.75rem);
  border-radius: var(--radius-md, 8px);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  text-decoration: none;
  transition: all var(--transition-base, 0.3s ease);
  align-self: center;
}

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

@media (min-width: 769px) and (max-width: 1023px) {
  .h6ffd {
    gap: 2rem;
  }

  .n9980 {
    gap: 2rem;
  }

  .f7a7e {
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .o99290 {
    padding: 5rem 0;
  }

  .n62 {
    padding: 6rem 0;
  }

  .kd2d {
    padding: 6rem 0;
  }

  .c065e {
    padding: 6rem 0;
  }

  .j5c3 {
    padding: 6rem 0;
  }

  .p0d7 {
    padding: 6rem 0;
  }

  .ef186 {
    padding: 6rem 0;
  }
}

.hd2f39 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.e922 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.p5ca {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.h318dd {
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .e922 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .e922 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.lcd38 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.md02 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.n27b5 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.l83f {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

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

.ld1a9d {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.beda {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  letter-spacing: 0.5px;
}

.ld6fe2 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-snug);
}

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

@media (min-width: 768px) {
  .lcd38 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .md02 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .l83f {
    aspect-ratio: 16 / 9;
  }
}

@media (min-width: 1024px) {
  .lcd38 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .md02 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .n27b5:nth-child(3) {
    grid-column: 1;
  }

  .n27b5:nth-child(4) {
    grid-column: 2;
  }
}

.p85aad {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.f482d6 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.c61d1bd {
  font-size: clamp(0.9rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.b5f88c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  align-items: center;
  justify-content: center;
}

.l864 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  font-family: var(--font-primary);
  cursor: pointer;
  min-width: 200px;
  text-align: center;
  line-height: var(--line-height-normal);
}

.nacf {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.nacf:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.nacf:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.a9628 {
  background-color: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.a9628:hover {
  background-color: var(--color-primary-light);
  border-color: var(--color-primary);
  transform: translateY(-2px);
}

.a9628:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .p85aad {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .b5f88c {
    flex-direction: row;
    gap: var(--spacing-lg);
  }

  .l864 {
    min-width: 220px;
  }
}

@media (min-width: 1024px) {
  .p85aad {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.b14 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.m09615c1 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.l55e7 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  margin: 0;
  line-height: var(--line-height-normal);
}

.n9cfa5 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.be29 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.n5c33c07 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.a81f669 {
  width: 100%;
  background: transparent;
  border: none;
  padding: var(--spacing-lg) var(--spacing-lg);
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}

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

.i37882 {
  flex: 1;
  text-align: left;
}

.f59a0e3 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-color: var(--color-primary-light);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: background-color var(--transition-base), transform var(--transition-base);
}

.f59a0e3::before {
  content: '';
  width: 12px;
  height: 2px;
  background-color: var(--color-primary);
  position: absolute;
  transition: transform var(--transition-base);
}

.f59a0e3::after {
  content: '';
  width: 2px;
  height: 12px;
  background-color: var(--color-primary);
  position: absolute;
  transition: transform var(--transition-base);
}

.a81f669[aria-expanded="true"] .f59a0e3 {
  background-color: var(--color-primary);
}

.a81f669[aria-expanded="true"] .f59a0e3::after {
  transform: scaleY(0);
}

.dd7d5 {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out forwards;
}

.dd7d5[hidden] {
  display: none;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
  }
  to {
    opacity: 1;
    max-height: 500px;
    overflow: visible;
  }
}

.dd7d5 p {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.f40 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.a11bc9f9 {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.b0da52 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.k000026 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.g6263 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 768px) {
  .b14 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .n9cfa5 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .f40 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .a81f669 {
    padding: var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .b14 {
    padding: 5rem var(--spacing-lg);
  }

  .n9cfa5 {
    padding: 5rem var(--spacing-lg);
  }

  .be29 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }

  .n5c33c07:nth-child(6) {
    grid-column: 1;
  }

  .f40 {
    padding: 5rem var(--spacing-lg);
  }

  .a11bc9f9 {
    max-width: 800px;
  }
}

@media (min-width: 1440px) {
  .p389,
  .a11bc9f9,
  .p3903d5 {
    max-width: 1100px;
  }
}

.k167c {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.k167c .h8756f {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.k167c .f2cb {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.k167c h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.k167c h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.k167c p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.k167c .kc35 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.k167c ul {
  margin: var(--spacing-md) 0;
  padding-left: var(--spacing-xl);
}

.k167c li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

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

.k167c .kde1d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.k167c .kde1d h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.k167c .kde1d p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.k167c .j902927f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.k167c .p191 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .k167c .f2cb {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .k167c .f2cb {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

html, body {
  height: 100%;
  width: 100%;
}

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

.ld4b2 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
}

.f2b8d6d9 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.f2cb {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.lbf {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-lg);
}

.j2822224 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(60px, 12vw, 100px);
  height: clamp(60px, 12vw, 100px);
  border-radius: 50%;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.j2822224 svg {
  width: 60%;
  height: 60%;
  stroke: var(--color-primary);
}

.e81 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

.cec {
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-primary);
  line-height: var(--line-height-snug);
  animation: fadeInUp 0.8s ease-out 0.3s both;
}

.nb883 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
  animation: fadeInUp 0.8s ease-out 0.4s both;
}

.fc8f2 {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
  animation: fadeInUp 0.8s ease-out 0.5s both;
}

.ib0384 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  line-height: 1.5;
  animation: fadeInUp 0.8s ease-out 0.6s both;
}

.hd9e4b7f {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.hd9e4b7f:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 640px) {
  .f2b8d6d9 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .j2822224 {
    width: clamp(80px, 14vw, 120px);
    height: clamp(80px, 14vw, 120px);
  }

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

@media (min-width: 768px) {
  .f2b8d6d9 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .h8756f {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .f2b8d6d9 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }

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

@media (prefers-reduced-motion: reduce) {
  .j2822224,
  .e81,
  .cec,
  .nb883,
  .fc8f2,
  .ib0384 {
    animation: none;
  }

  .hd9e4b7f:hover {
    transform: none;
  }
}

@media (max-height: 600px) {
  .f2b8d6d9 {
    padding: var(--spacing-lg) var(--spacing-md);
  }
}

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

.i9eaeae {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ia3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
}

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

.f2cb {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.gbbbb {
  text-align: center;
  position: relative;
  z-index: 1;
}

.ae0 {
  position: relative;
  margin-bottom: var(--spacing-xl);
  height: auto;
}

.o0d3efd {
  display: block;
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: var(--line-height-tight);
  letter-spacing: -0.03em;
  margin-bottom: var(--spacing-md);
}

.hb77ff13 {
  width: clamp(100px, 20vw, 180px);
  height: 4px;
  background-color: var(--color-primary);
  margin: var(--spacing-md) auto 0;
  border-radius: var(--radius-xl);
  animation: expandWidth 0.8s ease-out;
}

@keyframes expandWidth {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: clamp(100px, 20vw, 180px);
    opacity: 1;
  }
}

.j18 {
  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-lg);
  line-height: var(--line-height-snug);
  letter-spacing: -0.02em;
}

.i0e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.k78f42 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw + 0.45rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-2xl);
}

.ib0384 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.3px;
}

.hd9e4b7f {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.hd9e4b7f:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.ibb84df3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  margin-top: var(--spacing-2xl);
}

.cf0 {
  position: absolute;
  border-radius: 50%;
  opacity: 0.1;
  animation: float 6s ease-in-out infinite;
}

.g4b {
  width: clamp(60px, 12vw, 120px);
  height: clamp(60px, 12vw, 120px);
  background-color: var(--color-primary);
  top: -10%;
  left: 10%;
  animation-duration: 8s;
  animation-delay: 0s;
}

.a7ac71 {
  width: clamp(40px, 8vw, 80px);
  height: clamp(40px, 8vw, 80px);
  background-color: var(--color-accent);
  top: 20%;
  right: 5%;
  animation-duration: 7s;
  animation-delay: 1s;
}

.e3b09f {
  width: clamp(50px, 10vw, 100px);
  height: clamp(50px, 10vw, 100px);
  background-color: var(--color-secondary);
  bottom: -20%;
  right: 20%;
  animation-duration: 9s;
  animation-delay: 2s;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px) translateX(0px);
  }
  25% {
    transform: translateY(-20px) translateX(10px);
  }
  50% {
    transform: translateY(-40px) translateX(-10px);
  }
  75% {
    transform: translateY(-20px) translateX(15px);
  }
}

@media (min-width: 480px) {
  .ia3 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

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

@media (min-width: 768px) {
  .ia3 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }

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

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

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

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

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

@media (min-width: 1024px) {
  .ia3 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

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

  .ib0384:hover {
    transform: translateY(-3px);
  }

  .ib0384:active {
    transform: translateY(-1px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .o0d3efd,
  .hb77ff13,
  .cf0,
  .ib0384 {
    animation: none;
    transition: none;
  }

  .ib0384:hover {
    transform: none;
  }

  .ib0384:active {
    transform: none;
  }
}

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

.nff272 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.i915b {
  text-align: center;
}

.p04c62e {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

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

@media (min-width: 768px) {
  .nff272 {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .nff272 {
    padding: var(--spacing-4xl) 0;
  }
}

.f96b6d46 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.h131f206 {
  width: 100%;
}

.b19 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

.g84 {
  flex: 1 1 100%;
  min-width: 0;
}

.a7e71 {
  flex: 1 1 100%;
  min-width: 0;
}

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

  .a7e71 {
    flex: 1 1 45%;
  }
}

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

.ad5b6e {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

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

.l0ce {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.p437009a {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

.na7,
.nc9e176 {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: var(--line-height-normal);
  transition: all var(--transition-base);
}

.na7::placeholder,
.nc9e176::placeholder {
  color: var(--color-text-muted);
}

.na7:focus,
.nc9e176:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-secondary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.nc9e176 {
  min-height: 140px;
  resize: vertical;
  max-height: 300px;
}

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

.b415ecef {
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.ab0ea {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

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

.a46cb {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.a46cb:active {
  transform: translateY(0);
}

.a46cb:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

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

.l95 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-sm);
}

.k3f {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin-bottom: var(--spacing-md);
}

.a89efb52 {
  display: flex;
  gap: var(--spacing-md);
  padding: var(--spacing-md) 0;
  border-bottom: 1px solid var(--color-border-light);
}

.a89efb52:last-of-type {
  border-bottom: none;
}

.m6616 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

.o39afd {
  flex: 1;
}

.iaf8 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.1vw + 0.5rem, 1.15rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.he1771 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

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

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

.g6ea {
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.9rem);
  color: var(--color-text-muted);
}

.c2b9 {
  margin-top: var(--spacing-lg);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.d56f663 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.o5507ba6 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin-bottom: var(--spacing-md);
}

.o912 {
  display: inline-block;
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  transition: all var(--transition-base);
}

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

@media (min-width: 768px) {
  .f96b6d46 {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .f96b6d46 {
    padding: var(--spacing-4xl) 0;
  }
}

.d787f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.a99 {
  width: 100%;
}

.f5ffb4 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.ha0806 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: var(--line-height-normal);
  margin-bottom: var(--spacing-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ec5f71 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .ec5f71 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

.j1e4ed {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.fea {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

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

.afd {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

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

@media (min-width: 768px) {
  .d787f {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .d787f {
    padding: var(--spacing-4xl) 0;
  }
}

.b72ef6a {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.b0f4 {
  text-align: center;
}

.aaf17a1 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.l12 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.f48 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  justify-content: center;
}

@media (min-width: 640px) {
  .f48 {
    flex-direction: row;
    gap: var(--spacing-md);
  }
}

.g58a,
.p772dc7 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  text-decoration: none;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

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

.p772dc7 {
  background-color: var(--color-bg-card);
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

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

@media (min-width: 768px) {
  .b72ef6a {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .b72ef6a {
    padding: var(--spacing-4xl) 0;
  }
}

@media (max-width: 640px) {
  .g58a,
  .p772dc7 {
    width: 100%;
  }
}
.af023beb,.j71{
  width: 34px;
}

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

.g5c7a4c5{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .g5c7a4c5{
    max-width: 100%;
  }
}

.g5c7a4c5.pc10{
  z-index: 999;
}

.af023beb[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .l4c6 {
    aspect-ratio: 6 / 9;
  }
  .l83f {
    aspect-ratio: 6 / 9;
  }
  .l83f {
    aspect-ratio: 6 / 9;
  }
}