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

:root {
  --color-bg-primary: #0f172a;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #1e293b;
  --color-bg-card: #ffffff;

  --color-text-primary: #335a98;
  --color-text-secondary: #8f8f8f;
  --color-text-muted: #ababab;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #e2e8f0;

  --color-primary: #6366f1;
  --color-primary-hover: #4f46e5;
  --color-primary-light: #e0e7ff;
  --color-primary-dark: #3730a3;
  
  --color-secondary: #818cf8;
  --color-secondary-light: #f0f4ff;
  --color-secondary-dark: #6366f1;

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  --color-success-dark: #059669;

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

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

  --color-border: #e2e8f0;
  --color-border-dark: #cbd5e1;
  --color-border-muted: #f1f5f9;

  --font-primary: 'General Sans', sans-serif;
  --font-heading: 'Space Grotesk', sans-serif;

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

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

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

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 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;

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --font-size-7xl: 4.5rem;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

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

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

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

body {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--color-text-primary);
  background: var(--color-bg-secondary);
  font-weight: var(--font-weight-regular);
}

.ae21b8 {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-xl);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  letter-spacing: -0.02em;
}

h1 {
  font-size: var(--font-size-5xl);
}

h2 {
  font-size: var(--font-size-4xl);
}

h3 {
  font-size: var(--font-size-3xl);
}

h4 {
  font-size: var(--font-size-2xl);
}

h5 {
  font-size: var(--font-size-xl);
}

h6 {
  font-size: var(--font-size-lg);
}

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

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

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

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

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

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

.p64 {
  background: var(--color-primary-light);
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}

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

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

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

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

.lf4e60:hover {
  background: var(--color-bg-tertiary);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

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

.g5cbbd32 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
  padding: var(--spacing-4xl) var(--spacing-xl);
}

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

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

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

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

.faddb968 {
  display: flex;
  gap: var(--spacing-md);
}

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

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

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

.mb75 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  background: var(--color-primary-light);
  color: var(--color-primary);
}

.f8c1 {
  background: var(--color-success-light);
  color: var(--color-success-dark);
}

.oa284 {
  background: var(--color-warning-light);
  color: var(--color-warning-dark);
}

.eb56 {
  background: var(--color-danger-light);
  color: var(--color-danger-dark);
}

.ld06f77 {
  background: var(--color-bg-primary);
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}

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

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

textarea {
  resize: vertical;
  min-height: 120px;
}

label {
  display: block;
  font-weight: var(--font-weight-semibold);
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

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

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

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

.m5115ea {
  color: var(--color-success);
}

.b6a {
  color: var(--color-warning);
}

.j4c7 {
  color: var(--color-danger);
}

.fe7670ba {
  text-align: center;
}

.jc9324 {
  text-align: left;
}

.f19fd15 {
  text-align: right;
}

.a64 {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.d61829c {
  text-transform: capitalize;
}

.be2 {
  font-weight: var(--font-weight-bold);
}

.n8ca {
  font-weight: var(--font-weight-semibold);
}

.e60ffa4d {
  font-weight: var(--font-weight-medium);
}

.b71 {
  opacity: 0.5;
}

.c1b9e {
  opacity: 0.75;
}

.fd3d13 {
  opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.p56a {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n97 {
  padding: var(--spacing-sm);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d27d21 {
  width: 100%;
}

.d5d {
  height: 100%;
}

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

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

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

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

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

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

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

  h1 {
    font-size: var(--font-size-4xl);
  }

  h2 {
    font-size: var(--font-size-3xl);
  }

  h3 {
    font-size: var(--font-size-2xl);
  }
}

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

  .d807f1,
  .i40d69,
  .d4e5b7d {
    grid-template-columns: 1fr;
  }

  h1 {
    font-size: var(--font-size-3xl);
  }

  h2 {
    font-size: var(--font-size-2xl);
  }

  h3 {
    font-size: var(--font-size-xl);
  }

  .g5de9,
  .p3ab19,
  .g5cbbd32 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  h1 {
    font-size: var(--font-size-2xl);
  }

  h2 {
    font-size: var(--font-size-xl);
  }

  h3 {
    font-size: var(--font-size-lg);
  }

  button,
  .b8f0c3d9 {
    width: 100%;
  }

  .g5de9,
  .p3ab19,
  .g5cbbd32 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

  .a6a9ccd1 {
    padding: var(--spacing-lg);
  }
}
.i34 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  width: 100%;
}

.cdcf {
  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, 12vw, 80px);
  gap: clamp(1rem, 2vw, 2rem);
}

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

.l044b:hover {
  opacity: 0.85;
}

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

.n07 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

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

.e5f {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: all var(--transition-base);
  position: relative;
  white-space: nowrap;
}

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

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

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

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

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

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

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

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

.m4e260f {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-secondary);
  display: flex;
  flex-direction: column;
  padding: clamp(1rem, 3vw, 2rem);
  gap: clamp(1.5rem, 3vw, 2rem);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 1000;
  overflow-y: auto;
}

.m4e260f.d40660e {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.o076 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

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

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

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

.l40af8c {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all var(--transition-base);
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--color-border-light);
}

.l40af8c:hover {
  color: var(--color-accent);
  padding-left: 0.5rem;
}

.p25 {
  padding: 0.875rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-md);
  text-align: center;
  transition: all var(--transition-base);
  margin-top: 1rem;
  display: block;
}

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

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

  .c3d90 {
    display: block;
  }

  .f71 {
    display: none;
  }

  .m4e260f {
    display: none;
  }
}

@media (min-width: 1024px) {
  .cdcf {
    height: 80px;
  }

  .o1c {
    width: 48px;
    height: 48px;
  }

  .n07 {
    font-size: 1.5rem;
  }

  .e5f {
    font-size: 0.95rem;
  }

  .c3d90 {
    font-size: 0.95rem;
    padding: 0.875rem 1.75rem;
  }
}

@media (max-width: 767px) {
  .cdcf {
    height: clamp(60px, 10vw, 70px);
  }

  .o1c {
    width: 36px;
    height: 36px;
  }

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

    ::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-border-dark);
}

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

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

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

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

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

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

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

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

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

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

.iaa64530 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
}

.iaa64530 img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

.ia1d23d1 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

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

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

.o995b0 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

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

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

.k137749 {
  flex: 1 1 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
  text-align: center;
}

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

.dbaf3 {
  font-size: 2.5rem;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

.ie7f8b {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.i216 {
  flex: 1 1 200px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
  text-align: center;
}

.i216:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  background: var(--color-bg-primary);
}

.f806b5 {
  font-size: 2rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

.ld471 {
  color: var(--color-text-muted);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  margin: 0;
}

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

.eb5 {
  flex: 1 1 150px;
  max-width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
}

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

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

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

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

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

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

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

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

.da0 {
  display: flex;
  gap: clamp(1.5rem, 3vw, 2rem);
  position: relative;
}

.p8cd4 {
  width: 16px;
  height: 16px;
  background: var(--color-accent);
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 6px;
  position: relative;
  z-index: 2;
}

.da0:not(:last-child)::after {
  content: '';
  position: absolute;
  left: 7px;
  top: 32px;
  width: 2px;
  height: clamp(2rem, 3vw, 2.5rem);
  background: var(--color-border);
}

.k8186 {
  flex: 1;
  padding: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

.pce69 {
  color: var(--color-text-muted);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  margin: 0;
}

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

.c19 {
  flex: 1 1 250px;
  max-width: 320px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

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

.pa7 {
  font-size: 2rem;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

.pf5 {
  flex: 1 1 40%;
  min-height: 300px;
  max-height: 450px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

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

.a74fa4 {
  border-bottom: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
}

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

.f4fd90e {
  background: transparent;
  border: none;
  padding: clamp(1rem, 2vw, 1.5rem) 0;
  text-align: left;
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  font-family: var(--font-primary);
  transition: color 0.3s ease;
}

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

.f4fd90e i {
  color: var(--color-accent);
  transition: transform 0.3s ease;
  font-size: 0.875rem;
}

.f4fd90e.d40660e i {
  transform: rotate(180deg);
}

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

.b0c07 p {
  margin: 0;
}

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

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

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

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

.o4cb7 {
  color: var(--color-text-muted);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  margin: 0;
}

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

.j77c5800 {
  grid-column: 1;
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: 300px;
  max-height: 500px;
}

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

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

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

@media (max-width: 768px) {
  .m90a2ebc {
    grid-template-columns: 1fr;
  }

  .j77c5800 {
    grid-column: 1;
    min-height: 250px;
  }

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

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

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

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

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

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

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

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

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

.l5c7 {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--color-border);
}

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

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

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

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

.o7d6911a {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
}

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

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

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

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

.k2f {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary-dark) 100%);
  padding: clamp(3rem, 6vw, 4rem);
  border-radius: var(--radius-lg);
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-lg);
}

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

.g4c74 {
  color: rgba(255, 255, 255, 0.95);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.k2f .o995b0 {
  margin: 0 auto;
}

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

.a6e.l69 {
  display: none;
}

.i5155 {
  color: var(--color-text-light);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  max-width: 500px;
  text-align: center;
}

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

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

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

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

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

.gfe95f:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-border-dark);
}

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

  .n19 {
    gap: 4rem;
  }
}

@media (min-width: 1024px) {
  .gda31e18 {
    padding: 6rem 0;
  }

  .i246 {
    padding: 6rem 0;
  }

  .k45ecf {
    padding: 6rem 0;
  }

  .bf08d04a {
    padding: 6rem 0;
  }

  .m6f {
    padding: 6rem 0;
  }

  .k92e {
    padding: 6rem 0;
  }

  .b4a {
    padding: 6rem 0;
  }

  .a38a {
    padding: 6rem 0;
  }

  .kc827 {
    padding: 6rem 0;
  }

  .e1c {
    padding: 6rem 0;
  }

  .fa9c5 {
    padding: 6rem 0;
  }
}

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

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

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

.dfbf0 {
  display: block;
}

.dfbf0 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: var(--font-weight-bold);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

.a7fd20 {
  display: block;
}

.a7fd20 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

.e92c81c9 li {
  display: block;
}

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

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

.m97 {
  display: block;
}

.m97 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

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

.j221 {
  display: block;
}

.j221 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

.j40d2 li {
  display: block;
}

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

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

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

.g4116287 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .dfbf0 {
    flex: 1 1 280px;
    min-width: 250px;
  }

  .a7fd20 {
    flex: 0 1 auto;
  }

  .m97 {
    flex: 0 1 auto;
  }

  .j221 {
    flex: 0 1 auto;
  }

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

@media (min-width: 1024px) {
  .pc7c5 {
    gap: clamp(3rem, 6vw, 5rem);
  }

  .dfbf0 {
    flex: 1 1 300px;
  }
}

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

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

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

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

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

.l91a {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d9af36 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e4ea6b {
  padding: clamp(0.6rem, 1.5vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-primary);
  cursor: pointer;
  transition: all var(--transition-base);
  font-weight: var(--font-weight-medium);
}

.e4ea6b:first-child {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-color: var(--color-accent);
}

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

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

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

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

.d190 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  flex: 1 1 300px;
  max-width: 420px;
}

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

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

.ob8fbed {
  width: 100%;
  height: 0;
  padding-bottom: 66.66%;
  position: relative;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

.m70684 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

.n816b {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.de81 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-border-light);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

.o2ed4,
.l821,
.df279 {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.o2ed4 i,
.l821 i,
.df279 i {
  color: var(--color-accent);
  font-size: 0.9rem;
}

.d5b4468 {
  display: inline-block;
  padding: clamp(0.7rem, 1.5vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  transition: all var(--transition-base);
  text-align: center;
  width: fit-content;
}

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

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

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

.iad {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.fdfe5 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o454af59 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: clamp(1.5rem, 2.5vw, 2rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  flex: 1 1 280px;
  max-width: 360px;
  transition: all var(--transition-base);
}

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

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

.ee234 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.df50b1 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.pf1612de {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pa2d {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.p53cf {
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.p53cf[open] {
  box-shadow: var(--shadow-sm);
}

.f8f5bf {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  user-select: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  width: 100%;
  transition: all var(--transition-base);
}

.f8f5bf:hover {
  background: var(--color-bg-tertiary);
}

.aa5dc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: var(--color-accent);
  transition: transform var(--transition-base);
}

.p53cf[open] .aa5dc {
  transform: rotate(180deg);
}

.o6c57 {
  text-align: left;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.abe {
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  animation: slideDown var(--transition-base);
}

.abe p {
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

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

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

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

  .hef {
    flex-direction: column;
  }

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

  .p734560 {
    flex-direction: column;
  }

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

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

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

  .o454af59 {
    flex: 1 1 calc(50% - 1rem);
    max-width: none;
  }
}

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

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

  .o454af59 {
    flex: 1 1 calc(33.333% - 1.35rem);
    max-width: none;
  }
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-secondary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-border-dark);
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

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

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

.jb9 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

.g1cf i {
  color: var(--color-accent);
  font-size: 1rem;
}

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

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

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

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

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

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

.h7649704 {
  background: var(--color-bg-secondary);
  overflow: hidden;
}

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

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

.c601081 {
  flex: 1 1 65%;
  max-width: 65%;
}

.a3ee0b5 {
  flex: 1 1 35%;
  max-width: 35%;
  position: sticky;
  top: clamp(1rem, 2vw, 2rem);
}

.i0188e {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

.m0d538:nth-child(even) {
  flex-direction: row-reverse;
}

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

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

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

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

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

.p48 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  margin: clamp(2rem, 3vw, 2.5rem) 0;
}

.lcc8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.bf0 {
  font-weight: 600;
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

.lcc8 i {
  color: var(--color-accent);
  font-size: 1.25rem;
}

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

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

.ga9 {
  background: var(--color-bg-primary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-muted);
  transition: all var(--transition-base);
}

.ga9:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-sm);
}

.h92e {
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-light);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
}

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

.eda313d {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  margin-bottom: clamp(2rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-sm);
}

.c250014 {
  margin-bottom: clamp(1rem, 1.5vw, 1.25rem);
  padding-bottom: clamp(0.75rem, 1.5vw, 1rem);
  border-bottom: 2px solid var(--color-border-light);
}

.oe9 {
  font-size: clamp(0.75rem, 0.9vw + 0.5rem, 0.875rem);
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.f52cbbdf {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

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

.ne211 {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-fast);
}

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

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

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

.nf4ce {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  box-shadow: var(--shadow-sm);
}

.he7ad5 {
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 1.5vw, 1.5rem) 0;
  padding-bottom: clamp(0.75rem, 1.5vw, 1rem);
  border-bottom: 2px solid var(--color-border-light);
}

.j0077 {
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
  padding-bottom: clamp(1.25rem, 2vw, 1.75rem);
  border-bottom: 1px solid var(--color-border-light);
}

.j0077:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.g0ad8278 {
  width: 100%;
  height: auto;
  max-height: 150px;
  object-fit: cover;
  border-radius: var(--radius-md);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  display: block;
}

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

.c1b9 {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-fast);
}

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

.k2d16 {
  font-size: clamp(0.75rem, 0.85vw + 0.5rem, 0.875rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

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

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

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

  .bb0cc {
    flex-direction: column;
  }

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

  .a3ee0b5 {
    flex: 1 1 100%;
    max-width: 100%;
    position: relative;
    top: auto;
  }

  .m0d538 {
    flex-direction: column !important;
  }

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

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

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

  .bc57 {
    font-size: 0.75rem;
  }

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

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

  .g1cf {
    font-size: 0.8125rem;
  }

  .a3ee0b5 {
    margin-top: clamp(2rem, 3vw, 2.5rem);
  }

  .eda313d {
    margin-bottom: clamp(1.5rem, 2.5vw, 2rem);
  }

  .nf4ce {
    margin-top: clamp(1.5rem, 2.5vw, 2rem);
  }
}

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

  .h3f {
    font-size: clamp(0.875rem, 1vw, 1rem);
  }

  .p1ee {
    font-size: clamp(1.25rem, 3vw, 1.5rem);
  }

  .e9b0 {
    font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  }

  .bc57 {
    font-size: 0.6875rem;
    gap: 0.25rem;
  }
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

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

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

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

a {
  transition: all 0.3s ease;
}

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

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

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

.g1f1 a {
  color: var(--color-secondary);
  text-decoration: none;
}

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

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

.g1f1 span:last-child {
  color: var(--color-text-light);
}

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

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

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

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

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

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

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

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

.mc0e {
  width: 100%;
  height: auto;
  border-radius: clamp(0.75rem, 1vw, 1.25rem);
  object-fit: cover;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
}

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

  .c68981c4,
  .cfa6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

  .ie773,
  .g9e2f0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.pa2de1 {
  text-align: center;
}

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

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

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

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

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

.f2685 {
  flex: 1;
}

.bfc1 {
  color: var(--color-text-light);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .fbee,
  .aad9f3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.hf6 {
  position: absolute;
  right: clamp(1rem, 4vw, 2rem);
  top: 480px;
  width: clamp(250px, 22vw, 320px);
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.i6086 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: clamp(0.75rem, 1vw, 1.25rem);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  align-items: center;
  text-align: center;
}

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

.a01bcf5a {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

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

.c2883b {
  margin: 0;
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  font-weight: 600;
}

.f0ec {
  color: var(--color-accent);
  text-decoration: none;
}

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

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

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

.baa1 {
  background: #f0f4f8;
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.kc0f {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}

.kc0f i {
  color: var(--color-accent);
  font-size: 1rem;
}

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

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

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

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

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

.f9d {
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

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

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

.gb13c {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  margin: clamp(0.5rem, 1vw, 0.75rem);
  line-height: 1.4;
}

.b7848b47 {
  color: var(--color-accent);
  text-decoration: none;
}

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

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

@media (max-width: 1024px) {
  .hf6 {
    position: static;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1rem, 3vw, 1.5rem);
  }

  .i6086,
  .baa1,
  .ncd9 {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

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

  .i6086,
  .baa1,
  .ncd9 {
    flex: 1 1 100%;
  }
}

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

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

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

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

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

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

.id81d {
  background: rgba(99, 102, 241, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(0.75rem, 1.5vw, 1.25rem);
  border-radius: 0.5rem;
}

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

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

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

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

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

  .a416,
  .ca5cf329 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.ndf8 {
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
}

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

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

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

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

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

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

  .d83fa5,
  .f7ffd {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.ee6 {
  background: var(--color-bg-tertiary);
  border: 2px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.75rem, 1vw, 1.25rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.g4a {
  color: var(--color-text-light);
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  font-weight: 500;
  margin: 0;
}

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

.e9f:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 10px 20px -5px rgba(99, 102, 241, 0.3);
}

@media (max-width: 768px) {
  .a17a4b49 {
    position: relative;
  }

  .hf6 {
    position: static;
  }
}

@media (max-width: 1200px) {
  .hf6 {
    width: clamp(200px, 20vw, 280px);
  }
}

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

html, body {
  font-family: 'General Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-text-primary);
  background: var(--color-bg-secondary);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.jcf57 {
  display: block;
  width: 100%;
  overflow: hidden;
}

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

.e0b .ae21b8 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  width: 100%;
}

.ob51a {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  flex-wrap: wrap;
  align-items: center;
}

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

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

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

.j3b26c {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg, 12px);
  height: clamp(250px, 50vw, 400px);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.c8c9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.7) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(1.5rem, 4vw, 3rem);
  z-index: 2;
}

.e4440 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-bg-secondary);
  margin-bottom: 1rem;
  font-weight: 700;
}

.ab665d {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}

.j15c {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  font-weight: 500;
}

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

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

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

.if93 {
  flex: 1 1 65%;
  max-width: 65%;
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.g83501e {
  flex: 1 1 35%;
  max-width: 35%;
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  position: sticky;
  top: 2rem;
}

.gf082ea {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  border-bottom: 2px solid #e2e8f0;
  padding-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

.o030:first-child {
  font-weight: 600;
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
}

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

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

.b2a120 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

.h875e5 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1rem 0;
}

.h97890 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  padding-left: 1.75rem;
  position: relative;
  line-height: 1.7;
}

.h97890::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.25rem;
}

.pd84 {
  background: #f1f5f9;
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md, 8px);
  margin: 1rem 0;
}

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

.ec529d strong {
  color: var(--color-accent);
  font-weight: 700;
}

.h89 {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: var(--radius-md, 8px);
  padding: clamp(1.5rem, 3vw, 2rem);
  margin: clamp(2rem, 4vw, 3rem) 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.le97 i {
  color: #3b82f6;
  font-size: 1.25rem;
}

.cbc {
  font-weight: 600;
  color: #1e40af;
  font-size: clamp(0.9375rem, 1vw, 1rem);
}

.i49 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: #1e40af;
  line-height: 1.7;
  margin: 0;
}

.g63c {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: clamp(2rem, 4vw, 3rem);
  padding-top: clamp(2rem, 4vw, 3rem);
  border-top: 2px solid #e2e8f0;
}

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

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

.j247 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

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

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

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

.m015c4 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  font-weight: 600;
  margin: 0;
}

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

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

.c1fbed {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  padding-bottom: 1rem;
  border-bottom: 2px solid #e2e8f0;
}

.o01bc {
  background: var(--color-bg-card);
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md, 8px);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.o01bc:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

.g56f8f {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  padding: 0 0.75rem;
  padding-top: 0.75rem;
  line-height: 1.4;
}

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

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

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

@media (max-width: 1024px) {
  .m223 {
    flex-direction: column;
    align-items: stretch;
  }

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

  .g83501e {
    flex: 1 1 100%;
    max-width: 100%;
    position: static;
  }

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

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

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

@media (max-width: 768px) {
  .e0b {
    min-height: 300px;
    padding: clamp(1.5rem, 3vw, 2rem) 0;
  }

  .j3b26c {
    height: clamp(200px, 60vw, 350px);
  }

  .c8c9 {
    padding: clamp(1rem, 3vw, 2rem);
  }

  .e4440 {
    font-size: clamp(1.5rem, 4vw, 2.25rem);
  }

  .hb1d09 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

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

  .hfb7 {
    gap: clamp(1rem, 3vw, 1.5rem);
  }

  .ob51a {
    font-size: 0.8125rem;
  }

  .n49f {
    padding: clamp(1rem, 2vw, 1.5rem);
  }

  .o01bc {
    gap: 0.5rem;
  }

  .fb0bd {
    height: 120px;
  }
}

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

  .j3b26c {
    height: clamp(150px, 70vw, 250px);
  }

  .e4440 {
    font-size: clamp(1.25rem, 5vw, 1.75rem);
    margin-bottom: 0.75rem;
  }

  .ab665d {
    gap: 0.75rem;
  }

  .f54 {
    font-size: clamp(1.125rem, 4vw, 1.5rem);
  }

  .gf082ea {
    gap: 1rem;
  }

  .o030 {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  }

  .pd84 {
    padding: 1rem;
    margin: 0.75rem 0;
  }
}

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

html, body {
  font-family: 'General Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.6;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

.ge63f65 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.4rem, 1vw, 0.6rem) clamp(0.8rem, 2vw, 1.2rem);
  border-radius: var(--radius-full, 9999px);
  font-size: clamp(0.75rem, 0.8vw, 0.875rem);
  font-weight: 600;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.o39 {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-light-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.6;
}

.i566b0 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.8rem;
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
}

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

.g361 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg, 0.5rem);
}

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

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

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

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

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

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

.o6306a8 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg, 0.5rem);
}

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

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

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

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

.nf40a {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-light);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.25;
}

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

.e222f {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg, 0.5rem);
}

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

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

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

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

.od9a6 {
  flex: 1;
}

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

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

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

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

.l205 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg, 0.5rem);
}

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

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

.a8dcd {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-light);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.25;
}

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

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

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

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

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

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

.adf1 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg, 0.5rem);
  border: 1px solid var(--color-border);
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 280px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.adf1:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

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

.od59b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-light);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  line-height: 1.25;
}

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

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

.i7aa4 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-weight: 700;
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  flex-shrink: 0;
}

.pe150e {
  flex: 1;
}

.edfac3f {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 700;
  color: var(--color-text-light);
  margin-bottom: 0.5rem;
}

.g8a {
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  color: var(--color-text-light-secondary);
  line-height: 1.6;
  margin: 0;
}

.h11526 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg, 0.5rem);
}

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

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

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

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

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

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

.pc018d {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md, 0.375rem);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: background 0.3s ease, transform 0.3s ease;
}

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

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

.l486bc47 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
  max-width: 600px;
  margin: 0 auto;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg, 0.5rem);
}

.c03cba {
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

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

.hd34 {
  flex: 1;
}

.pa268 {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
}

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

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

.a9a {
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.g872:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.h4649a {
  overflow: hidden;
  height: 220px;
  width: 100%;
}

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

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

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

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

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

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

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

  .f3da,
  .g361 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n4b3b0 {
    flex-direction: column;
  }

  .be5e,
  .o6306a8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l7a {
    flex-direction: column;
  }

  .d51a2491,
  .e222f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ebfa {
    flex-direction: column;
  }

  .l205,
  .c66aa {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .e0facf {
    flex-direction: column;
  }

  .e0ba1,
  .h11526 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

  .hd34 {
    text-align: center;
  }

  .fac6 {
    flex-direction: column;
  }

  .nf9a5 {
    margin-top: 0;
  }
}

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

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

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

  .g872 {
    flex: 1 1 calc(33.333% - 1rem);
  }
}

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

html {
  scroll-behavior: smooth;
}

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

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

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

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

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

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

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

.d28 {
  max-width: 900px;
}

.ad861308 {
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

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

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

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

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

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

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

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

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

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

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

.m8479f5 {
  text-align: center;
}

.bc6 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

.b2949b7b {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.hb329 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  line-height: 1.7;
  max-width: 750px;
  margin: 0 auto;
}

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

.la72744 {
  flex: 1 1 clamp(250px, 30%, 400px);
  background: var(--color-bg-primary);
  border: 1px solid var(--color-text-muted);
  border-radius: 10px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  transition: all 0.3s ease;
}

.la72744:hover {
  transform: translateY(-4px);
  border-color: var(--color-secondary);
  box-shadow: 0 8px 24px rgba(99, 102, 241, 0.15);
}

.j1db {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-secondary);
  margin-bottom: 1rem;
}

.p4c {
  font-size: clamp(1.1rem, 2vw, 1.25rem);
  color: var(--color-bg-secondary);
  font-weight: 600;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}

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

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

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

.oa8a6f {
  text-align: center;
}

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

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

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

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

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

.ec0 {
  flex-shrink: 0;
  width: clamp(50px, 8vw, 70px);
  height: clamp(50px, 8vw, 70px);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.5rem, 2vw, 2rem);
  font-weight: 700;
  font-family: 'Space Grotesk', sans-serif;
}

.lce2 {
  flex: 1;
}

.h937 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}

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

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

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

.a44 {
  max-width: 900px;
}

.oe4587f {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.75rem;
}

.f63373 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
}

.be981d {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  line-height: 1.9;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.df9a93 {
  text-align: center;
}

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

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

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

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

.h1c008 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--color-accent);
  margin-top: 2px;
}

.n3823c {
  flex: 1;
}

.db298 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.2rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

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

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

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

.j7747 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
}

.jd0adc {
  flex-shrink: 0;
  font-size: 1.25rem;
  color: var(--color-secondary);
  margin-top: 2px;
}

.k23 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-bg-secondary);
  font-weight: 600;
  line-height: 1.4;
}

.f2cb7e {
  font-size: clamp(0.85rem, 1.2vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  line-height: 1.8;
}

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

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

  .ec0 {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
  }

  .i906f {
    gap: 1rem;
  }
}

@media (min-width: 1024px) {
  .pe6 {
    gap: 2rem;
  }

  .la72744 {
    flex: 1 1 calc(33.333% - 1.33rem);
  }
}

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

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

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

.a16c6ff {
  text-align: center;
  max-width: 700px;
  width: 100%;
}

.ffd {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 1rem, 3.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ncb {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n8e {
  width: 100%;
  max-width: 600px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

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

.f027f {
  text-align: center;
}

.p09e0 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.mc9 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.c6761 {
  text-align: center;
}

.kc1e2a {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.l506 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e78a {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.bd473 {
  position: relative;
  padding-left: clamp(4rem, 8vw, 6rem);
}

.df44 {
  position: absolute;
  left: 0;
  top: 0;
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 4vw, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-accent);
}

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

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

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

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

.d9b94d72 {
  text-align: center;
}

.oc47da {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.o42c4 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.dbc66f {
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

.l30 {
  text-align: center;
}

.e55eb3b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.g2a5 {
  text-align: center;
}

.g21b {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.l2e55ef5 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m9a1b24e {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.pd56e {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-fast);
  display: inline-block;
  width: fit-content;
}

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

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

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

.ed4f62 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ff0c9111,
.g869821 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: var(--font-weight-semibold);
  padding: clamp(0.875rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-block;
  width: fit-content;
  transition: all var(--transition-base);
  text-align: center;
  align-self: center;
}

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

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

.g869821 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

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

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

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

  .a16c6ff {
    flex: 1 1 45%;
    text-align: left;
  }

  .n8e {
    flex: 1 1 45%;
  }

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

  .he557 {
    align-items: center;
    text-align: center;
  }

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

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

  .a0d4 {
    flex-direction: row;
    justify-content: center;
  }
}

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

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

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

.b6d1 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.f12 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.c768cb2 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

@media (min-width: 768px) {
  .b6d1 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .b6d1 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.gc91 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.ad0a {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-muted);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
}

.ad0a:hover {
  border-color: var(--color-border);
  box-shadow: var(--shadow-sm);
}

.i99 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-lg);
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  text-align: left;
  transition: color var(--transition-base);
}

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

.h65 {
  flex: 1;
  line-height: var(--line-height-normal);
}

.f98e8f {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-left: var(--spacing-md);
  color: var(--color-primary);
  transition: transform var(--transition-base);
}

.i99[aria-expanded="true"] .f98e8f {
  transform: rotate(180deg);
}

.g3a3 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base), padding var(--transition-base);
  background-color: var(--color-bg-secondary);
}

.ad0a.d40660e .g3a3 {
  max-height: 500px;
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
}

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

@media (min-width: 768px) {
  .gc91 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .i99 {
    padding: var(--spacing-xl);
    font-size: 1.1rem;
  }

  .ad0a.d40660e .g3a3 {
    padding: 0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .gc91 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.a639b8 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.i340d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.ff72 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-normal);
}

.e5f09 {
  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, 1.5vw, 1rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.e5f09:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .a639b8 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .a639b8 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.j9d8f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kca82 {
  max-width: 900px;
  text-align: center;
  width: 100%;
}

.pa6cd29f {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.k67c {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  font-weight: var(--font-weight-regular);
}

@media (min-width: 768px) {
  .j9d8f {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 320px;
  }

  .k67c {
    font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  }
}

@media (min-width: 1024px) {
  .j9d8f {
    padding: var(--spacing-4xl) var(--spacing-xl);
    min-height: 360px;
  }
}

.p10d991f {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.oa0d4874 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .p10d991f {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .p10d991f {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

.l2c {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl) var(--spacing-lg);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

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

.k86c {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  background-color: var(--color-primary-light);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  transition: all var(--transition-base);
}

.l2c:hover .k86c {
  background-color: var(--color-primary);
  transform: translateY(-2px);
}

.k86c i {
  color: var(--color-primary);
  font-size: 1.5rem;
}

.l2c:hover .k86c i {
  color: var(--color-text-light);
}

.d09c {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.l713b36 {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.d7b7dfa {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.d7b7dfa li {
  font-size: clamp(0.875rem, 1.5vw, 0.95rem);
  color: var(--color-text-muted);
  padding-left: var(--spacing-lg);
  position: relative;
}

.d7b7dfa li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: var(--font-weight-bold);
}

@media (min-width: 768px) {
  .l2c {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .l2c {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.h26 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.e346 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.m59a {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-normal);
}

.ha5043e {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1.5vw, 1rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  font-family: var(--font-primary);
}

.ha5043e:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.ha5043e:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .h26 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .h26 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.b481834b {
  display: none;
}

@media (min-width: 1024px) {
  .b481834b {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
    padding: var(--spacing-3xl) var(--spacing-xl);
    background-color: var(--color-bg-tertiary);
    overflow: hidden;
  }

  .b481834b img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: var(--radius-md);
    display: block;
  }
}

@media (min-width: 1280px) {
  .b481834b {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .b481834b img {
    height: 280px;
  }
}

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

.n8f main {
  width: 100%;
}

.n8f .ae21b8 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.n8f .g65e7 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.n8f h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.n8f .m9ec15 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-3xl);
  font-style: italic;
}

.n8f h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.n8f h2:first-of-type {
  margin-top: var(--spacing-2xl);
}

.n8f p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

.n8f ul {
  list-style: none;
  padding: 0;
  margin-bottom: var(--spacing-lg);
}

.n8f li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

.n8f .bbdc {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border);
}

.n8f .bbdc h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.n8f .bbdc p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.n8f .bbdc strong {
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .n8f .ae21b8 {
    padding: 0 var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .n8f .ae21b8 {
    padding: 0 var(--spacing-xl);
  }

  .n8f .g65e7 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

html {
  scroll-behavior: smooth;
}

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

.jc7009 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.c42d {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  position: relative;
}

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

.g65e7 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.l93 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.k4938e {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-xl);
}

.k4938e svg {
  width: clamp(60px, 15vw, 100px);
  height: clamp(60px, 15vw, 100px);
  color: var(--color-success);
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));
}

.mac7 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.h2417b {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-secondary);
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--spacing-xl);
  line-height: var(--line-height-relaxed);
}

.lfa62a {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
  text-align: left;
}

.lfa62a p {
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

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

.lfa62a strong {
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary);
}

.jef1 {
  list-style: none;
  margin: var(--spacing-lg) 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.jef1 li {
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  padding-left: var(--spacing-lg);
  position: relative;
}

.jef1 li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-success);
  font-weight: var(--font-weight-bold);
  font-size: 1.25rem;
}

.lb70add6 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  font-weight: var(--font-weight-semibold);
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  transition: var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.lb70add6:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.lb70add6:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 640px) {
  .c42d {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

  .lfa62a p {
    text-align: center;
  }

  .jef1 {
    text-align: center;
    padding-left: 0;
  }

  .jef1 li {
    padding-left: var(--spacing-xl);
  }
}

@media (min-width: 768px) {
  .c42d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

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

@media (min-width: 1024px) {
  .c42d {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

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

  .jef1 li {
    text-align: left;
  }
}

.hd091 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.c9922b70 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.g65e7 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.b0a4b9cb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-xl);
}

.dbe390 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--spacing-md);
}

.f401de4 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
  perspective: 1000px;
}

.a35 {
  font-family: var(--font-heading);
  font-size: clamp(3rem, 12vw, 6rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  letter-spacing: -0.05em;
  animation: float 3s ease-in-out infinite;
}

.a35:nth-child(1) {
  animation-delay: 0s;
}

.a35:nth-child(3) {
  animation-delay: 0.2s;
}

.le809b2 {
  width: clamp(60px, 10vw, 120px);
  height: clamp(60px, 10vw, 120px);
  border: 3px solid var(--color-primary);
  border-radius: 50%;
  position: absolute;
  animation: spin 8s linear infinite, pulse 2s ease-in-out infinite;
  opacity: 0.6;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.3;
  }
}

.i663f105 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.g5db8 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
}

.j7bc947 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.j0a {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-muted);
}

.j0a p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.de6ddbe5 {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

.mda {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  text-align: left;
}

.da3e {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.da3e li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  padding-left: var(--spacing-md);
  position: relative;
  text-align: left;
}

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

.o995b0 {
  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 + 0.5rem, 1.1rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  gap: var(--spacing-sm);
}

.b6879 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.b6879:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 480px) {
  .c9922b70 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

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

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

  .da3e li {
    padding-left: var(--spacing-lg);
  }
}

@media (min-width: 768px) {
  .c9922b70 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

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

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

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

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

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

  .da3e li {
    padding-left: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .c9922b70 {
    padding: var(--spacing-4xl) var(--spacing-xl);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

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

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

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

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

  .da3e li {
    padding-left: var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .a35 {
    animation: none;
  }

  .le809b2 {
    animation: none;
  }

  .b6879:hover {
    transform: none;
  }

  .b6879:active {
    transform: none;
  }
}

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

.g9d {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.k08cf {
  text-align: center;
}

.k08cf h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.k2b0731a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .g9d {
    padding: 5rem var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .g9d {
    padding: 6rem var(--spacing-md);
  }
}

.j03405 {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.afea01df {
  width: 100%;
}

.a83ad {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

.j30 {
  flex: 1 1 100%;
  min-width: 0;
}

.c450d {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .j30 {
    flex: 1 1 calc(50% - var(--spacing-2xl));
  }

  .c450d {
    flex: 1 1 calc(50% - var(--spacing-2xl));
  }
}

.k1677e h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: var(--line-height-tight);
}

.k1677e p {
  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-normal);
}

.b931a {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.o81 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.dee08e1 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  display: block;
}

.f0aae92,
.jfc8 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base);
}

.f0aae92::placeholder,
.jfc8::placeholder {
  color: var(--color-text-muted);
}

.f0aae92:focus,
.jfc8:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
}

.jfc8 {
  min-height: 140px;
  resize: vertical;
}

.d31d1 {
  margin: var(--spacing-sm) 0;
}

.de89f1 {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  cursor: pointer;
}

.p5e {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: var(--color-primary);
}

.n708976 {
  color: var(--color-primary);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color var(--transition-base);
}

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

.k7df34 {
  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: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base);
}

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

.k7df34:active {
  transform: translateY(0);
}

.naaa2f5 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: var(--line-height-tight);
}

.naaa2f5 p {
  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-normal);
}

.k9d2ef {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.g6320 {
  display: flex;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
  transition: box-shadow var(--transition-base);
}

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

.d80 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  min-width: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.kc2797 h3 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.kc2797 p {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: var(--line-height-normal);
}

.f48de {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: var(--font-weight-semibold);
  transition: color var(--transition-base);
}

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

.c0222 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  display: block;
}

.nbd1cb {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
}

.nbd1cb h3 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.nbd1cb p {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-normal);
}

.n5fefb93 {
  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: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  transition: background-color var(--transition-base), transform var(--transition-base);
}

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

@media (min-width: 768px) {
  .j03405 {
    padding: 5rem var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .j03405 {
    padding: 6rem var(--spacing-md);
  }
}

.l98f {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.o8fd27 {
  width: 100%;
}

.o8fd27 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
  text-align: center;
}

.jd2c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-normal);
}

.e0e {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .e0e {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .e0e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

.l53c91b6 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.l53c91b6 h3 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.l53c91b6 p {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.n641ac1a {
  text-align: center;
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border);
}

.n641ac1a p {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0;
}

.if8 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: var(--font-weight-semibold);
  border-bottom: 1px solid transparent;
  transition: border-color var(--transition-base), color var(--transition-base);
}

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

@media (min-width: 768px) {
  .l98f {
    padding: 5rem var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .l98f {
    padding: 6rem var(--spacing-md);
  }
}

@media (max-width: 640px) {
  .a83ad {
    gap: var(--spacing-2xl);
  }

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

  .d80 {
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
}
.f71,.k6b03{
  width: 34px;
}

/* FIX:nav .bb9f40 */
.bb9f40{
  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;
}

.m4e260f{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .m4e260f{
    max-width: 100%;
  }
}

/* FIX:zindex .m4e260f.d40660e */
.m4e260f.d40660e{
  z-index: 999;
}

/* FIX:navpad .jd5f2e8e */
.jd5f2e8e{
  padding-top: 50px;
}

/* FIX:toggle-expand .f71 */
.f71[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .l5c7 {
    aspect-ratio: 6 / 9;
  }
}