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

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

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

  --color-primary: #a1a1aa;
  --color-primary-hover: #71717a;
  --color-primary-light: #d4d4d8;
  --color-secondary: #d4d4d8;
  --color-secondary-light: #e4e4e7;

  --color-success: #10b981;
  --color-success-light: #34d399;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

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

  --font-primary: 'Lato', sans-serif;
  --font-heading: 'Josefin Sans', sans-serif;

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

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.7);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.8);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.9);

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

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

  --letter-spacing-tight: -0.01em;
  --letter-spacing-normal: 0em;
  --letter-spacing-wide: 0.025em;
  --letter-spacing-wider: 0.05em;

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

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

body {
  min-height: 100vh;
}

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

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

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

h2 {
  font-size: 2.5rem;
  letter-spacing: var(--letter-spacing-tight);
}

h3 {
  font-size: 1.875rem;
  letter-spacing: var(--letter-spacing-tight);
}

h4 {
  font-size: 1.5rem;
  letter-spacing: var(--letter-spacing-tight);
}

h5 {
  font-size: 1.25rem;
  letter-spacing: var(--letter-spacing-normal);
}

h6 {
  font-size: 1rem;
  letter-spacing: var(--letter-spacing-normal);
}

p {
  margin: 0;
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

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

button {
  font-family: var(--font-primary);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
}

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

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

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

code {
  background: var(--color-bg-tertiary);
  color: var(--color-primary-light);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: 0.875rem;
}

.g8c24c65 {
  max-width: 1360px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

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

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

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

.c90c {
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

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

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

.o18aff12:hover {
  background: var(--color-danger-light);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

.afb2:hover {
  background: var(--color-success-light);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

.a37762d {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: 1.125rem;
}

.m4e:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

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

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

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

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

.lcc44b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wider);
}

.l4954 {
  background: rgba(161, 161, 170, 0.1);
  color: var(--color-primary-light);
}

.n22 {
  background: rgba(16, 185, 129, 0.1);
  color: var(--color-success-light);
}

.l2e0827 {
  background: rgba(245, 158, 11, 0.1);
  color: var(--color-warning-light);
}

.d15e {
  background: rgba(239, 68, 68, 0.1);
  color: var(--color-danger-light);
}

.o85f3 {
  width: 100%;
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-2xl) 0;
}

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

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

.aa941 {
  color: var(--color-text-primary);
}

.ndbbf {
  color: var(--color-success-light);
}

.hc4531 {
  color: var(--color-warning-light);
}

.la2a4e {
  color: var(--color-danger-light);
}

.g7de {
  text-align: center;
}

.h182fd6 {
  text-align: left;
}

.g8a7a5 {
  text-align: right;
}

.a4f0 {
  font-weight: 700;
}

.nf60cc {
  font-weight: 600;
}

.mc7b {
  font-weight: 500;
}

.a3c975 {
  font-weight: 400;
}

.a088 {
  font-size: 0.875rem;
}

.pbbb2 {
  font-size: 1rem;
}

.ae2cd2 {
  font-size: 1.125rem;
}

.d973564 {
  font-size: 1.25rem;
}

.jbd {
  font-size: 1.5rem;
}

.a075c {
  display: flex;
}

.a15699 {
  flex-direction: column;
}

.j41c {
  display: flex;
  align-items: center;
  justify-content: center;
}

.e36c {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.m3c722 {
  display: flex;
  align-items: flex-start;
}

.h86c8 {
  display: flex;
  align-items: flex-end;
}

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

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

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

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

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

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

.nf631fc {
  display: grid;
}

.a727 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-2xl);
}

.c40 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-2xl);
}

.nbc03 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-2xl);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f60 {
  padding: var(--spacing-4xl) var(--spacing-lg);
}

.fcea {
  padding: var(--spacing-2xl) var(--spacing-lg);
}

.a18 {
  padding: var(--spacing-5xl) var(--spacing-lg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.l1608ad1 {
  opacity: 0.5;
}

.n63e7fc {
  opacity: 0.75;
}

.d2873afa {
  opacity: 1;
}

.ee86308 {
  display: none;
}

.ef8 {
  visibility: hidden;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  .a727,
  .c40,
  .nbc03 {
    grid-template-columns: 1fr;
  }

  .f60 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .a18 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .g8c24c65 {
    padding: 0 var(--spacing-md);
  }
}
.i814f240 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
}

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

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

.lb5be2:hover {
  opacity: 0.85;
}

.od2 {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  object-fit: cover;
  margin-right: 0.25rem;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

.c7d524d.jab2 span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.c7d524d.jab2 span:nth-child(2) {
  opacity: 0;
}

.c7d524d.jab2 span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

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

.c6cd58b9.jab2 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.ca31727 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

.md2da24b {
  padding: 1rem 1.5rem;
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  transition: all var(--transition-base);
  border-bottom: 1px solid var(--color-border-light);
}

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

.pb36076 {
  margin: auto 1rem 1rem 1rem;
  padding: 0.875rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  transition: all var(--transition-base);
  text-align: center;
  display: block;
}

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

@media (min-width: 768px) {
  .c7d524d {
    display: none;
  }

  .c6cd58b9 {
    display: none;
  }

  .p2a0838 {
    display: flex;
  }

  .e8a3 {
    display: block;
  }
}

@media (max-width: 767px) {
  .p2a0838 {
    display: none;
  }

  .e8a3 {
    display: none;
  }
}

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

.o7baa9 h1,
.o7baa9 h2,
.o7baa9 h3,
.o7baa9 h4,
.o7baa9 h5,
.o7baa9 h6,
.o7baa9 p,
.o7baa9 span,
.o7baa9 li,
.o7baa9 a {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.l292 {
  text-align: center;
}

.ba6 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: var(--line-height-tight);
}

.icbda93 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.25rem);
  margin: 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  line-height: var(--line-height-relaxed);
}

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

.maf {
  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-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  display: inline-block;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

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

.d1bb34 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1rem, 2vw, 1.5rem);
  grid-template-areas:
    "large large small1"
    "large large small2";
}

.ad165b7 {
  grid-area: large;
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: 400px;
}

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

.d8e9aa19 {
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: 200px;
}

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

@media (max-width: 768px) {
  .d1bb34 {
    grid-template-columns: 1fr;
    grid-template-areas: "large" "small1" "small2";
  }

  .ad165b7 {
    min-height: 300px;
  }

  .d8e9aa19 {
    min-height: 200px;
  }
}

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

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

.jaac6 {
  text-align: center;
}

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

.n8f {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

.ca298a9 {
  flex: 2 1 600px;
  max-width: 650px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

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

.g103 {
  flex: 1 1 280px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .l5c5c {
    flex: 1 1 100%;
  }

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

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

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

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

.ge0 {
  text-align: center;
  flex: 0 1 auto;
}

.edb59 {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  font-weight: 700;
}

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

.f56 {
  width: 2px;
  height: clamp(40px, 8vw, 80px);
  background: var(--color-border-light);
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .f56 {
    display: none;
  }
}

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

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

.f8fd3 {
  text-align: center;
}

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

.idc59 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

.gb80522d {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

.lc3eee {
  text-align: center;
}

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

.j60a3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.h00 {
  flex: 1 1 300px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
}

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

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

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

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

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

.gad {
  text-align: center;
}

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

.p1a {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.l37e2e {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
  min-width: clamp(60px, 8vw, 100px);
}

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

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

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

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

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

.ke7d {
  text-align: center;
}

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

.pda981 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.jca7a {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  flex-shrink: 0;
  min-width: clamp(50px, 8vw, 80px);
  line-height: 1;
}

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

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

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

.ff547 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  transition: all var(--transition-base);
}

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

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

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

.o82e7d {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

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

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

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

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

.k3b.ee86308 {
  display: none;
}

.n45 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
  margin: 0;
  flex: 0 1 auto;
  text-align: center;
}

.ga7 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  transition: all var(--transition-base);
}

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

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

.k3b4c {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 500;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
  transition: all var(--transition-base);
}

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

.o70b7 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 500;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
  transition: all var(--transition-base);
}

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

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

  .n45 {
    width: 100%;
    order: 1;
  }

  .f19 {
    width: 100%;
    order: 2;
    justify-content: center;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .d1bb34 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
      "large large"
      "small1 small2";
  }

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

@media (min-width: 1025px) {
  .o53f {
    gap: clamp(3rem, 5vw, 4rem);
  }

  .f7f63614 {
    gap: clamp(2rem, 4vw, 3rem);
  }

  .dc6dd8f {
    gap: clamp(2rem, 4vw, 3rem);
  }

  .jfa8849 {
    gap: clamp(2rem, 4vw, 3rem);
  }
}

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

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

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

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

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

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

.m8d87,
.be78 {
  flex: 1 1 200px;
  min-width: 180px;
}

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

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

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

.oa9803 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-fast);
  display: inline-block;
}

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

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

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

.oc9eee9 {
  flex: 1 1 200px;
  min-width: 180px;
}

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

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

.cfb189 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-fast);
  display: inline-block;
}

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

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

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

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

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

  .m8d87,
  .be78 {
    flex: 1 1 100%;
  }

  .oc9eee9 {
    flex: 1 1 100%;
  }

  .je1233df {
    gap: clamp(0.5rem, 2vw, 0.75rem);
  }
}

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

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

  .pf58b {
    gap: clamp(1.25rem, 3vw, 2rem);
  }

  .oa9803,
  .cfb189 {
    gap: clamp(0.5rem, 1vw, 0.625rem);
  }

  .be78 p {
    margin-bottom: clamp(0.375rem, 1vw, 0.625rem);
  }
}
    

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

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

.gc7df {
  background: linear-gradient(135deg, #18181b 0%, #27272a 50%, #18181b 100%);
  padding: clamp(4rem, 10vw, 7rem) 0;
  overflow: hidden;
}

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

.geb {
  text-align: center;
}

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

.m9863 {
  color: var(--color-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 500;
  margin: 0 0 1.5rem 0;
  line-height: 1.4;
}

.p1c44466 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  backdrop-filter: blur(10px);
}

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

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

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

.jd3 {
  text-align: center;
}

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

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

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

.k967f {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  transition: all 0.3s ease;
}

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

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

.ma904b2 {
  color: var(--color-secondary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}

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

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

@media (min-width: 768px) {
  .k967f {
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: flex-start;
  }

  .f94fb {
    flex: 0 0 200px;
    min-width: 200px;
  }

  .i1813 {
    flex: 1;
  }
}

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

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

.b6511 {
  text-align: center;
}

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

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

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

.hf4bb5 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  flex: 1 1 100%;
  min-width: 280px;
  max-width: 380px;
  transition: all 0.3s ease;
}

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

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

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

.heb015 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  flex-wrap: wrap;
  padding: 0.75rem 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

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

.i27 i,
.d107383 i,
.d58 i {
  color: var(--color-accent);
  font-size: 0.9em;
}

.k6a08 {
  color: var(--color-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 500;
  padding: 0.75rem 1rem;
  background: rgba(212, 212, 216, 0.1);
  border-radius: 6px;
  display: inline-block;
  transition: all 0.3s ease;
  text-align: center;
}

.k6a08:hover {
  background: rgba(212, 212, 216, 0.2);
  color: var(--color-text-primary);
}

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

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

@media (max-width: 767px) {
  .gc7df {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .h28f,
  .obe67 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }
}

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

html, body {
  width: 100%;
}

.n6755e4f {
  width: 100%;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Lato', sans-serif;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Josefin Sans', sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

.m661e3 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-secondary);
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  width: fit-content;
  margin: 0 auto;
  border: 1px solid var(--color-border);
}

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

.ic4 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto;
}

.k7d {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 2rem);
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}

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

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

.o5c4c {
  width: 100%;
  max-width: 900px;
}

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

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

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

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

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

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

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

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

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

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

.m594f3d {
  flex: 0 0 auto;
  width: 100%;
  max-width: 220px;
  position: sticky;
  top: 2rem;
}

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

.m131b {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto;
  display: block;
}

.bbc6d {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

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

.j177d {
  flex: 1;
  min-width: 0;
}

.d0e33bdd,
.jb30,
.d584322,
.l4067 {
  margin-bottom: clamp(3rem, 6vw, 4rem);
}

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

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

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

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

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

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

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

.m3a3b {
  margin: clamp(2rem, 4vw, 3rem) 0;
}

.j21b8 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

.c9e {
  flex: 1;
}

.l51ccf {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.375rem);
  font-weight: 700;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.j7f7b6 {
  max-width: 800px;
}

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

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

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

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

.p53b {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.375rem);
  font-weight: 700;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o410 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-bg-primary);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: background 0.3s ease;
  text-decoration: none;
}

.o410:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
}

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

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

.b60a2 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

.o2d3e45d {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

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

.nd1744 a {
  color: var(--color-text-primary);
}

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

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

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

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

  .m594f3d {
    position: static;
    max-width: 100%;
    width: 100%;
  }

  .je79 {
    flex-direction: column;
  }

  .pec,
  .d8616 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .o73 {
    flex-direction: column;
  }

  .a2334f,
  .g7c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

  .m6da {
    flex-direction: column;
  }

  .ee12 {
    padding: 1.5rem;
  }

  .je79 {
    gap: 1.5rem;
  }

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

  .h3861aa2 {
    margin-top: 0;
  }
}

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

  .m661e3 {
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
  }

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

  .ea44d {
    gap: 1rem;
  }
}

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

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

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

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

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

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

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

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

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

.i60eb6 {
  display: inline-block;
  margin-bottom: 1.5rem;
}

.c4483f5 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-secondary);
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

.j233 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  flex-wrap: wrap;
}

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

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

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

.dab09a img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  object-fit: cover;
}

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

  .bad,
  .dab09a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.d17d43 p {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.k1e19 i {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  flex-shrink: 0;
}

.h9f4662 {
  flex: 1;
}

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

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

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

  .d17d43,
  .g8e21225 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k1e19 {
    flex-direction: column;
  }
}

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

.o5a7d0,
.j5a83 {
  background: var(--color-bg-secondary);
}

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

.c249f0e,
.jdd,
.kea,
.b128dc {
  flex: 1 1 50%;
  max-width: 50%;
}

.dac91a,
.e1e065c0,
.l98,
.p53 {
  flex: 1 1 50%;
  max-width: 50%;
}

.dac91a img,
.e1e065c0 img,
.l98 img,
.p53 img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  object-fit: cover;
}

.c272,
.a5a26,
.k35e,
.fa93 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin-bottom: 1.5rem;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c249f0e p,
.jdd p,
.kea p,
.b128dc p {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c249f0e p:last-child,
.jdd p:last-child,
.kea p:last-child,
.b128dc p:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .ce38976,
  .h4f4fb,
  .m431,
  .g0ff {
    flex-direction: column;
  }

  .c249f0e,
  .jdd,
  .kea,
  .b128dc,
  .dac91a,
  .e1e065c0,
  .l98,
  .p53 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.c98 i {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  flex-shrink: 0;
}

.i47a {
  flex: 1;
}

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

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

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

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

.nfa6 {
  max-width: 800px;
}

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

.nfa6 p {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.a035 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  overflow: hidden;
  transition: transform var(--transition-base, 0.3s ease), box-shadow var(--transition-base, 0.3s ease);
  display: flex;
  flex-direction: column;
}

.a035:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.p647944 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: clamp(0.5rem, 2vw, 1rem) clamp(0.5rem, 2vw, 1rem) 0 0;
}

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

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

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

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

.cf243 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color var(--transition-base, 0.3s ease);
  align-self: flex-start;
}

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

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

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

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

.j8d8c7c {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 2vw, 1rem);
}

.i4ed6a {
  flex-shrink: 0;
  width: clamp(80px, 12vw, 140px);
  height: clamp(80px, 12vw, 140px);
}

.i4ed6a img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.od395 {
  flex: 1;
}

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

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

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

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

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

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

  .i4ed6a {
    width: clamp(80px, 20vw, 120px);
    height: clamp(80px, 20vw, 120px);
  }
}

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

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

html, body {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.beed44 > :last-child {
  color: var(--color-text-primary);
}

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

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

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

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

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

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

.l89 {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  flex-wrap: wrap;
}

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

.b8d60 i {
  color: var(--color-secondary);
  font-size: 1rem;
}

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

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

  .k83fe,
  .oa33 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.m73 {
  flex: 0 0 auto;
  width: 220px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: sticky;
  top: 2rem;
  height: fit-content;
}

.d61d6c {
  width: 100%;
  display: flex;
  justify-content: center;
}

.d61d6c img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

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

.e97c3 {
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

.l22 {
  flex: 1 1 auto;
}

@media (max-width: 1024px) {
  .m73 {
    position: static;
    width: 100%;
    max-width: 280px;
  }
}

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

  .m73 {
    width: 100%;
    max-width: 100%;
  }
}

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

.jf653,
.p3baca {
  background: var(--color-bg-secondary);
}

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

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

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

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

.g79a2b {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

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

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

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

  .f3f860,
  .e96 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.h0c {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-secondary);
  font-size: 1.5rem;
  margin-top: 0.25rem;
}

.k952 {
  flex: 1 1 auto;
}

.p27 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  margin: 0 0 0.75rem 0;
  font-weight: 600;
}

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

@media (max-width: 640px) {
  .a78ad473 {
    flex-direction: column;
    gap: 1rem;
  }

  .h0c {
    width: 100%;
    justify-content: flex-start;
    margin-top: 0;
  }
}

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

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

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

.f776 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  line-height: 1.8;
  margin-bottom: 1.5rem;
  text-align: center;
}

.i9e2f {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 2.5rem;
}

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

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

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

.jd7a1 {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

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

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

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

.d91 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.d68:hover .d91 img {
  transform: scale(1.05);
}

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

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

.ld43 a {
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

.cc32b0 span:last-child {
  color: var(--color-text-secondary);
}

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

.bcc003 {
  text-align: center;
}

.he65c69 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

.d7e0f {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.25rem);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto var(--spacing-lg) auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.lf2a57a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacing-lg);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
}

.lf2a57a span {
  display: flex;
  align-items: center;
}

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

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

.c0ee56 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  position: sticky;
  top: 0;
  z-index: 10;
  overflow: hidden;
}

.lb9adfd2 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md);
  align-items: center;
  max-width: 300px;
  margin: 0 auto;
}

.g00dd0a {
  flex-shrink: 0;
}

.g00dd0a img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.acef4 {
  flex: 1;
}

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

.a3b {
  margin: 0 0 var(--spacing-xs) 0;
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
}

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

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

.n37f063 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xs) 0;
}

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

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

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

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

.p596 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-lg) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.d444c47 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-lg) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.nc0 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.g831749c {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md);
}

.e77782 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-bg-secondary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

.eafcf {
  flex: 1;
}

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

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

.b1c786 {
  background: var(--color-bg-tertiary);
  color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-md);
  font-family: 'Courier New', monospace;
  font-size: 0.9em;
}

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

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

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

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

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

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

.h075e5 strong {
  color: var(--color-accent);
}

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

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

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

.ee8 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p33bc {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.b0dff {
  padding: var(--spacing-md);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
}

.o28da {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 600;
  margin: 0 0 var(--spacing-sm) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.o79 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-lg) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.ja97ee {
  flex: 0 1 calc(33.333% - 1rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

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

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

.k782 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-lg) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.ne0c {
  flex: 0 1 calc(33.333% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .k872db7,
  .le1b57,
  .a591,
  .i7f {
    flex-direction: column;
  }

  .j0b2940d,
  .ea2,
  .k1a,
  .me15d7,
  .jfb45,
  .o41c,
  .b66a30,
  .nff01 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .le1b57 {
    align-items: center;
  }
}

@media (max-width: 768px) {
  .c0ee56 {
    position: static;
  }

  .lb9adfd2 {
    flex-direction: column;
    max-width: 100%;
  }

  .ja97ee,
  .ne0c {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .dff595 {
    flex-direction: column;
  }

  .lf2a57a {
    flex-direction: column;
    gap: var(--spacing-md);
  }
}

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

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

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

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

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

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

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

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

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

.me5a2 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  max-width: 600px;
}

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

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

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

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

.m23 {
  display: inline-block;
  color: var(--color-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: var(--spacing-sm);
}

.l95d {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
}

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

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

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

.f8ea {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-sm);
  flex: 1 1 100%;
  min-width: 250px;
  max-width: 300px;
  transition: var(--transition-base);
}

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

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

.c007 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

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

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

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

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

.oa9c8 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
}

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

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

@media (min-width: 768px) {
  .n6d {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2rem, 3vw, 2.5rem);
  }
}

@media (min-width: 1024px) {
  .n6d {
    grid-template-columns: repeat(3, 1fr);
  }
}

.l8a7eedb {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

.b7d47a10 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
}

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

@media (min-width: 768px) {
  .gaf {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.l1e1b7c6 {
  flex: 1 1 100%;
  max-width: 550px;
}

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

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

.b361f {
  flex: 1 1 100%;
  max-width: 450px;
}

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

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

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

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

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

.p76d17 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
}

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

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

@media (min-width: 768px) {
  .ebeabb {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2rem, 3vw, 2.5rem);
  }
}

@media (min-width: 1024px) {
  .ebeabb {
    grid-template-columns: repeat(4, 1fr);
  }
}

.ifd {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-sm);
}

.bee217 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  margin-bottom: var(--spacing-xs);
}

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

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

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

.m92 {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
}

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

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

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

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

  .l1e1b7c6,
  .b361f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.k55d {
  width: 100%;
}

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

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

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

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

.j8791 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
}

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

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

.dce4 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  font-weight: 600;
}

.k0790 {
  font-family: var(--font-heading);
  font-size: clamp(2.25rem, 6vw + 1rem, 3.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.m0b99d7b {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
}

@media (min-width: 768px) {
  .j8791 {
    flex-direction: row;
    align-items: center;
    gap: clamp(2rem, 5vw, 3rem);
  }

  .b1c {
    flex: 0 1 45%;
    max-height: 450px;
  }

  .of37f59c {
    flex: 1 1 55%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.b8e1 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

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

.oc59 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
}

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

@media (min-width: 768px) {
  .l82 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .b8e1 {
    padding: clamp(2rem, 3vw, 2.5rem);
  }
}

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

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

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

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

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

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

.e13c2 {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  flex: 1 1 100%;
  min-height: auto;
}

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

.oc30 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}

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

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

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

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

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

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

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

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

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

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

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

.kcb {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.b02f79 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  color: var(--color-accent);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
}

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

@media (min-width: 768px) {
  .db11a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 2.5vw, 2rem);
  }

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

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

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

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

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

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

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

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

.g40d {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all var(--transition-base);
}

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

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

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

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

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

.na9884d4 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  display: block;
}

.h7ba {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  text-align: center;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

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

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

.l05bc {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
}

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

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

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

@media (min-width: 768px) {
  .cc7a76e5 {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 3vw, 3rem);
  }

  .gd595d3 {
    flex: 1 1 50%;
  }
}

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

.od7b9e {
  width: 100%;
}

.j823881 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.nf5a8109 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
}

.m11 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.fe8 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.f13d6e14 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.m65b51e {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.d72 {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: var(--transition-base);
  font-family: var(--font-primary);
}

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

.d72[aria-expanded="true"] {
  background-color: var(--color-bg-secondary);
}

.k62d {
  text-align: left;
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-normal);
}

.df5 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 300;
  transition: var(--transition-base);
  line-height: 1;
}

.d72[aria-expanded="true"] .df5 {
  transform: rotate(45deg);
}

.keed42 {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  background-color: var(--color-bg-card);
  animation: slideDown var(--transition-base) ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
  }
  to {
    opacity: 1;
    max-height: 500px;
    overflow: visible;
  }
}

.keed42 p {
  margin: 0;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-normal);
}

.keed42 p + p {
  margin-top: var(--spacing-md);
}

.n61 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.if6926cb {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-normal);
}

.m6d1 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  box-shadow: var(--shadow-md);
  line-height: var(--line-height-normal);
}

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

.m6d1:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .j823881 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .fe8 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .d72 {
    padding: var(--spacing-xl);
  }

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

  .n61 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .j823881 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .fe8 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .n61 {
    padding: var(--spacing-5xl) var(--spacing-lg);
  }
}

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

  .nb6 {
    background-color: var(--color-bg-secondary);
    padding: var(--spacing-4xl) var(--spacing-md);
    overflow: hidden;
  }

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

  .db6 {
    font-family: var(--font-heading);
    font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 var(--spacing-md) 0;
    letter-spacing: var(--letter-spacing-tight);
  }

  .mac6f9 {
    font-family: var(--font-primary);
    font-size: clamp(0.95rem, 2vw + 0.25rem, 1.25rem);
    color: var(--color-text-secondary);
    margin: 0;
    line-height: var(--line-height-relaxed);
  }

  .gaa0b {
    background-color: var(--color-bg-primary);
    padding: var(--spacing-4xl) var(--spacing-md);
    overflow: hidden;
  }

  .i13 {
    max-width: 1200px;
    margin: 0 auto;
  }

  .i2489f7 {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }

  @media (min-width: 768px) {
    .i2489f7 {
      grid-template-columns: repeat(2, 1fr);
      gap: var(--spacing-3xl);
    }
  }

  @media (min-width: 1024px) {
    .i2489f7 {
      grid-template-columns: repeat(2, 1fr);
      gap: var(--spacing-3xl);
    }
  }

  .g7b6f0 {
    background-color: var(--color-bg-card);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: var(--spacing-2xl);
    transition: all var(--transition-base);
    display: flex;
    flex-direction: column;
  }

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

  .c91 {
    width: 60px;
    height: 60px;
    background-color: var(--color-primary-light);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--spacing-lg);
    flex-shrink: 0;
  }

  .c91 i {
    font-size: 1.75rem;
    color: var(--color-primary);
  }

  .dcdf {
    font-family: var(--font-heading);
    font-size: clamp(1.1rem, 2vw + 0.25rem, 1.5rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 var(--spacing-md) 0;
    letter-spacing: var(--letter-spacing-tight);
  }

  .j215938 {
    font-family: var(--font-primary);
    font-size: clamp(0.9rem, 1.5vw, 1rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin: 0 0 var(--spacing-lg) 0;
  }

  .b3d1bde {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
  }

  .b3d1bde li {
    font-family: var(--font-primary);
    font-size: clamp(0.85rem, 1.2vw, 0.95rem);
    color: var(--color-text-secondary);
    padding-left: var(--spacing-md);
    position: relative;
    line-height: var(--line-height-normal);
  }

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

  .dc35bb {
    background-color: var(--color-bg-secondary);
    padding: var(--spacing-4xl) var(--spacing-md);
    overflow: hidden;
  }

  .g9bdbb {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
  }

  .n3f {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.25rem, 2.5rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 var(--spacing-lg) 0;
    letter-spacing: var(--letter-spacing-tight);
  }

  .m4dd {
    font-family: var(--font-primary);
    font-size: clamp(0.9rem, 1.5vw, 1.05rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin: 0 0 var(--spacing-2xl) 0;
  }

  .k4a0d {
    display: inline-block;
    background-color: var(--color-primary);
    color: var(--color-text-on-accent);
    font-family: var(--font-primary);
    font-size: clamp(0.9rem, 1.2vw, 1rem);
    font-weight: 600;
    padding: var(--spacing-md) var(--spacing-2xl);
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: all var(--transition-base);
    border: 2px solid var(--color-primary);
    cursor: pointer;
    letter-spacing: var(--letter-spacing-normal);
  }

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

  .p1f {
    background-color: var(--color-bg-primary);
    padding: var(--spacing-4xl) var(--spacing-md);
    overflow: hidden;
  }

  .o6bd49dd {
    max-width: 1000px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-3xl);
  }

  @media (min-width: 768px) {
    .o6bd49dd {
      grid-template-columns: repeat(2, 1fr);
      gap: var(--spacing-3xl);
    }
  }

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

  .h764fb {
    font-family: var(--font-heading);
    font-size: clamp(1.1rem, 2vw + 0.25rem, 1.4rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 var(--spacing-md) 0;
    letter-spacing: var(--letter-spacing-tight);
  }

  .c7a37f {
    font-family: var(--font-primary);
    font-size: clamp(0.9rem, 1.5vw, 1rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin: 0;
  }

  @media (min-width: 768px) {
    .nb6 {
      padding: var(--spacing-5xl) var(--spacing-lg);
    }

    .gaa0b {
      padding: var(--spacing-5xl) var(--spacing-lg);
    }

    .dc35bb {
      padding: var(--spacing-5xl) var(--spacing-lg);
    }

    .p1f {
      padding: var(--spacing-5xl) var(--spacing-lg);
    }
  }

  @media (min-width: 1024px) {
    .nb6 {
      padding: var(--spacing-5xl) var(--spacing-xl);
    }

    .gaa0b {
      padding: var(--spacing-5xl) var(--spacing-xl);
    }

    .dc35bb {
      padding: var(--spacing-5xl) var(--spacing-xl);
    }

    .p1f {
      padding: var(--spacing-5xl) var(--spacing-xl);
    }

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

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

.na115 main {
  width: 100%;
}

.na115 .g8c24c65 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.na115 .of3a {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.na115 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.na115 .fcb1e05b {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.na115 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-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.na115 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);
  letter-spacing: var(--letter-spacing-normal);
}

.na115 ul,
.na115 ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.na115 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);
  letter-spacing: var(--letter-spacing-normal);
}

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

.na115 .f12e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.na115 .f12e h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.na115 .f12e p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .na115 .of3a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .na115 .g8c24c65 {
    padding: 0 var(--spacing-lg);
  }

  .na115 .of3a {
    padding: var(--spacing-5xl) var(--spacing-2xl);
  }
}

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

html,
body {
  width: 100%;
  height: 100%;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
}

.l3dd1f98 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.n59c1e {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-xl);
  overflow: hidden;
}

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

.of3a {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.n1af {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-lg);
}

.p45b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  background-color: var(--color-bg-secondary);
  color: var(--color-success);
  margin-bottom: var(--spacing-md);
  animation: pulse-icon 0.8s ease-out;
}

.p45b svg {
  width: 80px;
  height: 80px;
  stroke: var(--color-success);
  stroke-width: 2;
}

@keyframes pulse-icon {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.f3b7f {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
  margin: var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.e6671 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-normal);
  margin: var(--spacing-md) 0;
  line-height: var(--line-height-normal);
}

.pbc4 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-lg) 0;
  letter-spacing: var(--letter-spacing-normal);
}

.j2a672 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-lg) 0 var(--spacing-xl) 0;
  letter-spacing: var(--letter-spacing-normal);
}

.ja2628 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  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-md);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  transition: var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  margin-top: var(--spacing-lg);
}

.ja2628:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.ja2628:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.ja2628:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 480px) {
  .n59c1e {
    padding: var(--spacing-2xl);
  }
  
  .p45b {
    width: 120px;
    height: 120px;
  }
  
  .p45b svg {
    width: 100px;
    height: 100px;
  }
}

@media (min-width: 768px) {
  .n59c1e {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
  
  .n1af {
    gap: var(--spacing-xl);
  }
  
  .p45b {
    width: 140px;
    height: 140px;
    margin-bottom: var(--spacing-lg);
  }
  
  .p45b svg {
    width: 120px;
    height: 120px;
  }
}

@media (min-width: 1024px) {
  .n59c1e {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
  
  .g8c24c65 {
    padding: 0 var(--spacing-lg);
  }
  
  .n1af {
    gap: var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .p45b {
    animation: none;
  }
  
  .ja2628:hover {
    transform: none;
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

.g80c {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  background-color: var(--color-bg-primary);
}

.k4f2d7 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.of3a {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.ba7db7 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  align-items: center;
  justify-items: center;
  text-align: center;
}

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

.e19 {
  position: relative;
  display: inline-block;
}

.bcd5 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  animation: float-up 3s ease-in-out infinite;
}

@keyframes float-up {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

.gd29 {
  position: absolute;
  width: clamp(200px, 40vw, 400px);
  height: clamp(200px, 40vw, 400px);
  background-color: var(--color-primary-light);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0.15;
  animation: pulse-ring 4s ease-in-out infinite;
}

@keyframes pulse-ring {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.15;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.08;
  }
}

.i5e {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.k1ac {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-normal);
}

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

.df5e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
}

.d49 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-md);
  width: 100%;
}

.m4e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-normal);
}

.bfda73 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.bfda73:active {
  transform: translateY(0px);
  box-shadow: var(--shadow-sm);
}

.ibf3 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary-light);
  border-radius: var(--radius-sm);
  margin-top: var(--spacing-lg);
}

.j7da7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
}

.p8ed1705 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
  border-bottom: 1px solid transparent;
}

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

@media (min-width: 768px) {
  .k4f2d7 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

  .ba7db7 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
    justify-items: start;
    text-align: left;
  }

  .e267f3 {
    justify-content: flex-start;
  }

  .i5e {
    justify-content: center;
  }

  .k1ac {
    font-size: clamp(1.75rem, 5vw, 2.5rem);
  }

  .d49 {
    flex-direction: row;
    gap: var(--spacing-md);
  }

  .m4e {
    flex: 1;
    max-width: 300px;
  }
}

@media (min-width: 1024px) {
  .k4f2d7 {
    padding: var(--spacing-4xl) var(--spacing-md);
    min-height: 100vh;
  }

  .bcd5 {
    font-size: clamp(5rem, 18vw, 8rem);
  }

  .gd29 {
    width: clamp(300px, 50vw, 500px);
    height: clamp(300px, 50vw, 500px);
  }

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

  .k1ac {
    font-size: clamp(2rem, 6vw, 3rem);
  }

  .g7e216 {
    font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  }

  .df5e {
    font-size: clamp(1rem, 2vw, 1.2rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .bcd5 {
    animation: none;
  }

  .gd29 {
    animation: none;
  }

  .m4e:hover {
    transform: none;
  }

  .m4e:active {
    transform: none;
  }
}

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

.p32ad8b4 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0 var(--spacing-2xl);
  overflow: hidden;
}

.e994a9 {
  text-align: center;
  padding: 0 var(--spacing-md);
}

.jcab42 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-tight);
}

.e4b969 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

.cdc5 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

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

.ae8c2c3 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

.na3ada {
  flex: 1 1 100%;
  min-width: 0;
}

.j276 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.d1b5ad8c {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

.n699f5 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.m1a4a1d {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 500;
  color: var(--color-text-primary);
}

.f30bec36,
.n8ee5 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
}

.f30bec36::placeholder,
.n8ee5::placeholder {
  color: var(--color-text-muted);
}

.f30bec36:focus,
.n8ee5:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.n8ee5 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.m55 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  margin: var(--spacing-sm) 0 0 0;
  line-height: var(--line-height-relaxed);
}

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

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

.fde6e50a {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-normal);
  cursor: pointer;
  transition: all var(--transition-base);
}

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

.fde6e50a:active {
  transform: translateY(0);
}

.nb125320 {
  flex: 1 1 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}

.aad9 {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

.ge9e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.o981c {
  display: flex;
  gap: var(--spacing-lg);
}

.me8c1d {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.g46 {
  flex: 1;
}

.h994 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.d859ff {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

.n5d0582 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.h7792 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.h3d88aef {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.c79ee {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base);
}

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

@media (min-width: 768px) {
  .p32ad8b4 {
    padding: var(--spacing-4xl) 0 var(--spacing-3xl);
  }

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

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

  .na3ada {
    flex: 1 1 400px;
    max-width: 550px;
  }

  .nb125320 {
    flex: 1 1 400px;
  }
}

@media (min-width: 1024px) {
  .p32ad8b4 {
    padding: var(--spacing-5xl) 0 var(--spacing-4xl);
  }

  .cdc5 {
    padding: var(--spacing-5xl) 0;
  }

  .na3ada {
    flex: 1 1 450px;
    max-width: 600px;
  }

  .nb125320 {
    flex: 1 1 450px;
  }
}
.c7d524d,.of1{
  width: 34px;
}

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

.c6cd58b9{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .c6cd58b9{
    max-width: 100%;
  }
}

.c6cd58b9.jab2{
  z-index: 999;
}

.e6642{
  padding-top: 50px;
}

.c7d524d[aria-expanded="true"]{
  display: none;
}