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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #fff1f2;
  --color-bg-tertiary: #1c1917;
  --color-bg-card: #ffffff;

  --color-text-primary: #1c1917;
  --color-text-secondary: #57534e;
  --color-text-muted: #a8a29e;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #f5f1f0;

  --color-primary: #e11d48;
  --color-primary-hover: #be123c;
  --color-primary-light: #fce7eb;
  --color-primary-lighter: #fdf2f6;

  --color-secondary: #f43f5e;
  --color-secondary-light: #ffe0e8;
  --color-secondary-lighter: #fff5f7;

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

  --color-border: #e7e5e4;
  --color-border-light: #f5f3f2;
  --color-border-dark: #3f3936;

  --font-primary: 'Inter', sans-serif;
  --font-heading: 'Sora', sans-serif;

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

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --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);
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

h2 {
  font-size: 2.5rem;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

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

p {
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
}

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

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

button, [role="button"] {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

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

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

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

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

.ga3f8e {
  background: var(--color-primary);
  color: var(--color-text-light);
  box-shadow: var(--shadow-md);
}

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

.hace {
  background: var(--color-secondary);
  color: var(--color-text-light);
  box-shadow: var(--shadow-md);
}

.hace:hover {
  background: #c41e3a;
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.aa54a {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.eb6a6 {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.ie8887 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

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

.a65c {
  flex-direction: column;
}

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

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

.h544d {
  text-align: center;
}

.b22 {
  font-size: 0.875rem;
}

.k098 {
  font-size: 1.125rem;
}

.cb05 {
  font-size: 1.25rem;
}

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

.ec238 {
  padding: var(--spacing-4xl) 0;
}

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

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

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

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

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

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

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

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

.odef3 {
  background: var(--color-border-dark);
}

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

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

  .aa54a, .eb6a6, .ie8887 {
    grid-template-columns: 1fr;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .nc6 {
    width: 100%;
  }

  .o8709d0e {
    padding: var(--spacing-xl);
  }
}
.a14a106 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

.nc9c:hover {
  opacity: 0.85;
}

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

.e4d {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  white-space: nowrap;
}

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

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

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

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

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

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

.j96339a:hover {
  opacity: 0.7;
}

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

.l19bb2db {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-secondary);
  display: flex;
  flex-direction: column;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  padding-top: 70px;
}

.l19bb2db.d5b0c214 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

.b398:hover {
  opacity: 0.7;
}

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

.kb0a2c87 {
  padding: 1rem clamp(1rem, 3vw, 2rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-fast);
}

.kb0a2c87:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  padding-left: clamp(1.5rem, 4vw, 2.5rem);
}

.f158e973 {
  padding: 1rem clamp(1rem, 3vw, 2rem);
  margin: 1rem clamp(1rem, 3vw, 2rem);
  background: var(--color-primary);
  color: var(--color-bg-primary);
  text-align: center;
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
  display: block;
}

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

@media (min-width: 768px) {
  .n6107c {
    height: 80px;
  }

  .o80 {
    display: flex;
  }

  .l46ed {
    display: inline-block;
  }

  .j96339a {
    display: none;
  }

  .l19bb2db {
    display: none;
  }
}

@media (min-width: 1024px) {
  .n6107c {
    height: 90px;
    gap: 2rem;
  }

  .e4d {
    font-size: 1.5rem;
  }

  .o80 {
    gap: 2.5rem;
  }

  .j23ed {
    font-size: 1rem;
  }

  .l46ed {
    font-size: 1rem;
    padding: 0.875rem 1.75rem;
  }
}

    

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

html, body {
  width: 100%;
  overflow-x: hidden;
}

.d8814dee {
  width: 100%;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

.ha26 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.nc6 {
  display: inline-block;
  padding: clamp(0.625rem, 1vw, 1rem) clamp(1.25rem, 2vw, 2rem);
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  text-align: center;
}

.e97cf {
  background: var(--color-accent);
  color: #ffffff;
}

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

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

.i54:hover {
  background: var(--color-accent);
  color: #ffffff;
}

.j59c {
  flex: 1 1 45%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pb90 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  transform: perspective(1200px) rotateY(-5deg);
}

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

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

.fd95 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

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

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

  .b9d,
  .j59c {
    flex: 1 1 100%;
  }

  .pb90 {
    max-height: 350px;
    transform: none;
  }
}

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

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

.g85 {
  text-align: center;
}

.dfb1 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.95rem);
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

.m58 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: stretch;
}

.k833e9 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.k833e9:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}

.a00e7 {
  grid-row: span 2;
}

.h1a {
  grid-row: span 1;
}

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

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

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

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

  .a00e7,
  .h1a {
    grid-row: auto;
  }
}

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

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

.dca62a {
  text-align: center;
}

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

.g76 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

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

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

.f832f7b,
.b68e3e1e {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.02);
}

.fcb,
.h135d0 {
  font-size: clamp(1.5rem, 2vw, 2rem);
  flex-shrink: 0;
}

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

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

.o341a1,
.j74057 {
  flex-grow: 1;
}

.mb2,
.o6a {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

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

  .h9f02b,
  .p9cd6bb {
    flex: 1 1 100%;
  }
}

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

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

.hc29 {
  text-align: center;
}

.c732 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

.k3d0d5c {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: #d1d5db;
}

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

.c6e {
  flex: 1 1 200px;
  max-width: 300px;
  text-align: center;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.h0f7 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
  margin-bottom: 0.5rem;
}

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

.h97219e9 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: #d1d5db;
  line-height: 1.6;
}

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

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

.m944 {
  text-align: center;
}

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

.pe8 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

.e4d1 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 2rem);
  justify-content: center;
  align-items: stretch;
  position: relative;
}

.fbb98a0d {
  flex: 1 1 160px;
  max-width: 200px;
  background: var(--color-bg-card);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  aspect-ratio: 1;
  position: relative;
  z-index: 2;
}

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

.m09acf {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

.e60 {
  font-size: clamp(0.8rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.4;
  display: none;
}

.l09e7c35 {
  width: 40px;
  height: 4px;
  background: var(--color-accent);
  flex: 0 0 auto;
}

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

  .fbb98a0d {
    flex: 1 1 100%;
    max-width: 100%;
    aspect-ratio: auto;
    min-height: 140px;
  }

  .l09e7c35 {
    width: 4px;
    height: 30px;
  }
}

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

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

.ha50 {
  text-align: center;
}

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

.i8f69 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

.a39ec325 {
  flex: 1 1 250px;
  max-width: 300px;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  background: var(--color-bg-secondary);
  text-align: center;
}

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

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

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

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

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

.fa4c487c {
  text-align: center;
}

.da258e {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

.p9dad {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: #d1d5db;
}

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

.d52 {
  flex: 1 1 280px;
  max-width: 360px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

.j66b55 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.3;
}

.p9944 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: #d1d5db;
  line-height: 1.6;
  flex-grow: 1;
}

.c5a6 {
  color: var(--color-accent);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  transition: transform 0.3s ease;
}

.d52:hover .c5a6 {
  transform: translateX(4px);
}

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

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

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

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

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

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

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

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

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

.f43f37e6 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
}

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

.l176 {
  flex: 1 1 40%;
  display: flex;
  align-items: center;
}

.g450 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

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

  .e6de,
  .l176 {
    flex: 1 1 100%;
  }

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

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

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

.g537a7b {
  text-align: center;
}

.e873 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.95rem);
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

.ge8b8 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

.j17 {
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.j17:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

.k7658:hover {
  text-decoration: underline;
}

.k7658 i {
  margin-left: 0.5rem;
  transition: transform 0.3s ease;
}

.k7658:hover i {
  transform: translateX(4px);
}

.pfb9b4 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);
}

.pfb9b4.g9a1f3 {
  display: none;
}

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

.e933 {
  display: flex;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  flex-wrap: wrap;
}

.o692bd60,
.k25 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8rem, 1vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
}

.o692bd60 {
  background: var(--color-accent);
  color: #ffffff;
}

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

.k25 {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.k25:hover {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
}

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

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

  .o692bd60,
  .k25 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

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

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

.mdce80d3 {
  display: block;
}

.c13be,
.mf8db,
.l1d6b,
.f49c {
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.c13be {
  max-width: 450px;
}

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

.md809 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: -0.5px;
}

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

.m0041 li,
.cc1 li {
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

@media (min-width: 768px) {
  .mdce80d3 {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(2rem, 5vw, 4rem);
  }

  .c13be {
    flex: 1 1 280px;
  }

  .mf8db {
    flex: 0 1 auto;
  }

  .l1d6b {
    flex: 0 1 auto;
  }

  .f49c {
    flex: 0 1 auto;
  }

  .ke221a {
    flex: 1 1 100%;
    margin-top: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

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

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

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

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

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

.k0c {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k35c18b4 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.e01 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.25rem, 2.5vw, 1.75rem);
  justify-content: center;
}

.db8a0 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.25rem);
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  flex: 0 1 calc(25% - clamp(1.25rem, 2.5vw, 1.75rem));
  min-width: 200px;
  transition: all var(--transition-base);
}

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

.ba7 {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-sm);
  display: block;
}

.g5fa07 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h31a37f {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
  align-items: center;
  margin-top: auto;
}

.f9dd,
.h11f21c,
.hc280094 {
  display: flex;
  flex-direction: row;
  gap: 0.4rem;
  align-items: center;
  color: var(--color-text-muted);
  font-family: var(--font-primary);
}

.f9dd i,
.h11f21c i,
.hc280094 i {
  font-size: 0.85em;
  color: var(--color-text-muted);
}

.b85b565 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
  display: inline-block;
  margin-top: auto;
}

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

@media (max-width: 1439px) {
  .db8a0 {
    flex: 0 1 calc(25% - clamp(1.25rem, 2.5vw, 1.75rem));
  }
}

@media (max-width: 1023px) {
  .db8a0 {
    flex: 0 1 calc(50% - clamp(1.25rem, 2.5vw, 1.75rem));
  }

  .k0c {
    font-size: clamp(1.75rem, 5vw, 2.75rem);
  }

  .k35c18b4 {
    font-size: clamp(0.95rem, 1.8vw, 1.1rem);
  }
}

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

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

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

  .h31a37f {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}

* {
  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;
}

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

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

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

.bb7 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.75rem, 1vw + 0.4rem, 0.95rem);
}

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

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

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

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

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

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

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

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

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

.g47 {
  color: var(--color-accent);
  flex-shrink: 0;
}

.d4b {
  width: 100%;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  overflow: hidden;
  max-height: 500px;
}

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

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

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

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

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

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

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

.g5da1a1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border-left: 4px solid var(--color-accent);
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 200px;
}

.j6155b {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
}

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

.aaede6 {
  color: var(--color-text-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  font-weight: 600;
  margin: 0;
}

.n0ff4d {
  color: var(--color-text-secondary);
  font-size: clamp(0.75rem, 0.9vw + 0.35rem, 0.9rem);
  margin: 0;
}

.d42f3221,
.m368706,
.a0a26,
.md5 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.d42f3221,
.a0a26 {
  background: var(--color-bg-primary);
}

.m368706,
.a7770b {
  background: var(--color-bg-secondary);
}

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

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

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

.b69 {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
  object-fit: cover;
}

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

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

.bbba {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

.bea7a1 {
  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: #ffffff;
  font-size: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  border-radius: 50%;
  flex-shrink: 0;
}

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

.b4efcc {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.4rem, 1.2rem);
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

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

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

.deb4094a {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 800px;
}

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

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

.n56d5d {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.75rem, 1.5vw, 1.5rem);
  border: 2px solid var(--color-accent);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.ic6 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  margin: 0 0 0.75rem 0;
  line-height: 1.3;
}

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

.g89d {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  background: var(--color-accent);
  color: #ffffff;
  text-decoration: none;
  border-radius: clamp(0.5rem, 0.75vw, 0.75rem);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
}

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

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

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

.c425a155 {
  flex-shrink: 0;
}

.d8d9 {
  width: clamp(80px, 10vw, 140px);
  height: clamp(80px, 10vw, 140px);
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 3px solid var(--color-accent);
}

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

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

.kfdb59 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.4rem, 1.4rem);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

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

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

.ba04 {
  color: var(--color-secondary);
  font-size: clamp(0.8rem, 1vw + 0.35rem, 0.95rem);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

.m5990 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
}

.k2db00 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-decoration: none;
  transition: all 0.3s ease;
}

.k2db00:hover {
  transform: translateY(-4px);
}

.a44a29 {
  width: 100%;
  height: 180px;
  overflow: hidden;
  border-radius: clamp(0.5rem, 1vw, 1rem);
}

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

.k2db00:hover .a44a29 img {
  transform: scale(1.05);
}

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

.ed9cd85 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.4rem, 1.2rem);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

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

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

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

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

.k3d {
  color: #ffffff;
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.m3c1af {
  color: #d1d5db;
  font-size: clamp(0.8rem, 1vw + 0.4rem, 1rem);
  line-height: 1.7;
  margin: 0;
}

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

  .b39,
  .ae8eae {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .gdd300ية {
    gap: 0.75rem;
  }

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

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

  .b32bfa09 {
    flex-direction: column;
  }

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

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

  .a42c {
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }

  .bea7a1 {
    width: clamp(2rem, 4vw, 2.5rem);
    height: clamp(2rem, 4vw, 2.5rem);
    font-size: clamp(0.85rem, 1.5vw, 1rem);
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .b32bfa09 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .g5da1a1 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 200px;
  }

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

  .m5990 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 200px;
    max-width: none;
  }
}

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

  .b32bfa09 {
    justify-content: flex-start;
  }

  .g5da1a1 {
    flex: 1 1 auto;
    min-width: 240px;
  }

  .j1126422 {
    justify-content: flex-start;
  }

  .m5990 {
    flex: 1 1 auto;
    min-width: 280px;
    max-width: none;
  }
}

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

  html, body {
    width: 100%;
  }

  .c9a1 {
    width: 100%;
    overflow-x: hidden;
    font-family: var(--font-primary);
  }

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

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

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

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

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

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

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

  .eed68 a {
    color: var(--color-text-secondary);
    transition: color var(--transition-base);
  }

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

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

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

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

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

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

  .ma996d {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    flex-wrap: wrap;
    margin-top: 0.5rem;
  }

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

  .e08a33b i {
    color: var(--color-primary);
    width: 16px;
    height: 16px;
  }

  .ob76ee1f {
    width: 100%;
    border-radius: clamp(0.5rem, 2vw, 1.5rem);
    overflow: hidden;
    max-height: 500px;
  }

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

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

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

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

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

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

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

  .g10 {
    background: var(--color-bg-primary);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-left: 4px solid var(--color-primary);
    border-radius: clamp(0.25rem, 1vw, 0.75rem);
  }

  .i5e9ba4 {
    font-family: var(--font-heading);
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.35rem);
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 0.75rem;
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    align-items: center;
  }

  .g10 i {
    color: var(--color-primary);
  }

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

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

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

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

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

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

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

  .ha861923 img {
    width: 100%;
    height: auto;
    border-radius: clamp(0.5rem, 2vw, 1.5rem);
    display: block;
  }

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

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

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

  .pe591ac img {
    width: 100%;
    height: auto;
    border-radius: clamp(0.5rem, 2vw, 1.5rem);
    display: block;
  }

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

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

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

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

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

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

  .le46 {
    text-align: center;
  }

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

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

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

  .i102c {
    flex: 0 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    min-width: 250px;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: clamp(0.5rem, 1vw, 1.25rem);
    border: 1px solid var(--color-border-light);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: all var(--transition-base);
  }

  .i102c:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(225, 29, 72, 0.1);
  }

  .p24e {
    font-family: var(--font-heading);
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.35rem);
    font-weight: 600;
    color: var(--color-primary);
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    align-items: flex-start;
  }

  .p24e i {
    margin-top: 2px;
  }

  .jed88 {
    font-size: clamp(0.8rem, 1vw + 0.4rem, 1rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
  }

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

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

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

  .f07 {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
  }

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

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

  .b8eb3 img {
    width: 100%;
    height: auto;
    border-radius: clamp(0.5rem, 2vw, 1.5rem);
    display: block;
  }

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

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

  .a4bff809 {
    text-align: center;
  }

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

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

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

  .c7268e {
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-left: 4px solid var(--color-secondary);
    border-radius: clamp(0.25rem, 1vw, 0.75rem);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

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

  .fc567f5 {
    font-size: clamp(0.8rem, 1vw + 0.4rem, 1rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
  }

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

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

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

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

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

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

  .of8 {
    background: #fef2f2;
    border: 1px solid #fecaca;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: clamp(0.5rem, 1vw, 1.25rem);
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .od1b {
    font-family: var(--font-heading);
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.35rem);
    font-weight: 600;
    color: #991b1b;
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    align-items: center;
  }

  .of8 i {
    color: #991b1b;
  }

  .de0927ad {
    font-size: clamp(0.8rem, 1vw + 0.4rem, 1rem);
    color: #7f1d1d;
    line-height: 1.6;
  }

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

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

  .b2e94 {
    background: var(--color-bg-card);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: clamp(0.5rem, 1vw, 1.25rem);
    border: 1px solid var(--color-border-light);
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: flex-start;
  }

  .m93d1c28 {
    flex: 0 0 120px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--color-bg-secondary);
  }

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

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

  .f7c864 {
    font-family: var(--font-heading);
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.35rem);
    font-weight: 600;
    margin: 0;
  }

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

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

  .n8b6dd {
    font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
    color: var(--color-primary);
    font-weight: 500;
    margin: 0;
  }

  .g32091 {
    font-size: clamp(0.8rem, 1vw + 0.4rem, 1rem);
    color: var(--color-text-secondary);
    line-height: 1.5;
    margin: 0;
  }

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

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

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

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

  .l40bae4 {
    flex: 0 1 calc(33.333% - clamp(1rem, 2vw, 1.67rem));
    min-width: 280px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-decoration: none;
    transition: all var(--transition-base);
  }

  .l40bae4:hover {
    transform: translateY(-4px);
  }

  .o2c591 {
    width: 100%;
    height: 200px;
    border-radius: clamp(0.5rem, 1vw, 1.25rem);
    overflow: hidden;
    background: var(--color-bg-secondary);
  }

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

  .l40bae4:hover .o2c591 img {
    transform: scale(1.05);
  }

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

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

  .l40bae4:hover .e3f {
    color: var(--color-primary);
  }

  .nd783 {
    font-size: clamp(0.8rem, 1vw + 0.4rem, 1rem);
    color: var(--color-text-secondary);
    line-height: 1.5;
    margin: 0;
  }

  @media (max-width: 1023px) {
    .b9e,
    .g37d3,
    .oc90 {
      flex-direction: column;
    }

    .b0ac,
    .ha861923,
    .l4a,
    .pe591ac,
    .g9df,
    .b8eb3 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

    .m93d1c28 {
      flex: 0 0 100px;
      width: 100px;
      height: 100px;
    }
  }

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

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

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

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

.f28 {
  font-family: var(--font-primary);
  overflow-x: hidden;
}

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

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

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

.n4dc8d {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  font-size: clamp(0.75rem, 1vw, 0.95rem);
}

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

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

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

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

.e43 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(0.8rem, 1vw, 0.95rem);
}

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

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

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

.b2ae9181 {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
}

.m8281a {
  width: 100%;
}

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

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

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

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

.nc4ada p {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

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

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

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

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

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

.a89805 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

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

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

.j642a {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid #f1e9e6;
}

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

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

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

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

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

.b982da {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

.f7a6a4 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
}

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

.fa16 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

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

.cc7db {
  background: #fef3f2;
  padding: 1rem;
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
  color: var(--color-text-primary);
}

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

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

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

.jf307 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 1rem;
  font-family: var(--font-heading);
}

.ed0d2fa {
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: #d6ccc4;
  max-width: 600px;
  margin: 0 auto;
}

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

.b82 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 380px;
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

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

.a0901c5a {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 700;
  color: #ffffff;
  font-family: var(--font-heading);
  margin: 0;
}

.ja72a {
  color: #d6ccc4;
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: 1.6;
  margin: 0;
}

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

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

.f96 {
  flex-shrink: 0;
}

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

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

.db26f2f {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  margin: 0;
  font-family: var(--font-heading);
}

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

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

.pda75ec {
  color: var(--color-accent);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

.i6ad4 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

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

.gf0 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

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

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

.n99 {
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-heading);
  line-height: 1.4;
}

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

.i1ba0 {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.b360 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 900px;
  margin: 0 auto;
}

.fc5beed {
  font-size: clamp(1.2rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  font-family: var(--font-heading);
}

.a42cf {
  color: #d6ccc4;
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  line-height: 1.8;
  margin: 0;
}

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

  .nc4ada,
  .hf3fbd {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .j642a {
    flex-direction: column;
  }

  .j642a:nth-child(even) {
    flex-direction: column;
  }

  .fa16,
  .f040c542 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .acaa5 {
    align-items: center;
  }

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

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

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

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

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

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

  .f86dd405 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
    font-size: clamp(0.75rem, 1vw + 0.25rem, 0.95rem);
    color: var(--color-text-secondary);
  }

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

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

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

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

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

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

  .d80 {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    max-width: 700px;
  }

  .h5939ac4 {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1rem, 2vw, 2rem);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  }

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

  .e509aa i {
    color: var(--color-primary);
  }

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

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

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

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

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

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

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

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

  .p568e06 {
    flex: 1 1 clamp(150px, 25vw, 200px);
    background: var(--color-bg-primary);
    padding: clamp(1.5rem, 2vw, 2rem);
    border-radius: var(--radius-md);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    box-shadow: var(--shadow-sm);
  }

  .he0f504b {
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 700;
    color: var(--color-primary);
  }

  .p2419d {
    font-size: clamp(0.85rem, 1vw + 0.25rem, 1rem);
    color: var(--color-text-secondary);
    font-weight: 500;
  }

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

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

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

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

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

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

  .f29 {
    font-size: clamp(1.1rem, 2vw + 0.25rem, 1.5rem);
    font-weight: 600;
    color: var(--color-text-light);
    margin-bottom: clamp(0.75rem, 1vw, 1rem);
  }

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

  .f158 li {
    font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
    color: var(--color-text-light);
    line-height: 1.6;
    padding-left: 1.5rem;
    position: relative;
  }

  .f158 li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--color-primary);
    font-weight: 700;
  }

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

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

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

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

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

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

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

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

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

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

  .h31205 {
    display: flex;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .b85d2b92 {
    flex-shrink: 0;
    width: clamp(2.5rem, 5vw, 3.5rem);
    height: clamp(2.5rem, 5vw, 3.5rem);
    background: var(--color-primary);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: clamp(1.1rem, 2vw + 0.25rem, 1.5rem);
  }

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

  .h24 h3 {
    font-size: clamp(1.05rem, 2vw + 0.25rem, 1.4rem);
    font-weight: 600;
    color: var(--color-text-primary);
  }

  .h24 p {
    font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
  }

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

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

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

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

  .jf1 {
    flex: 1 1 clamp(250px, 30vw, 350px);
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 2vw, 2.5rem);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 1.5vw, 1.5rem);
    text-align: center;
    box-shadow: var(--shadow-md);
    transition: transform var(--transition-base), box-shadow var(--transition-base);
  }

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

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

  .o6b {
    font-size: clamp(1.1rem, 2vw + 0.25rem, 1.5rem);
    font-weight: 600;
    color: var(--color-text-primary);
  }

  .m0c95b {
    font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
  }

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

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

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

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

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

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

  .m02 {
    font-size: clamp(1rem, 1.5vw + 0.25rem, 1.3rem);
    color: var(--color-text-primary);
    font-style: italic;
    line-height: 1.8;
  }

  .jc8 {
    font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
    color: var(--color-text-secondary);
    font-weight: 600;
  }

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

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

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

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

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

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

  .c1dd {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 3vw, 3rem);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 1.5vw, 1.5rem);
  }

  .o7763b {
    font-size: clamp(1.2rem, 2.5vw + 0.25rem, 1.8rem);
    font-weight: 600;
    color: var(--color-text-primary);
  }

  .n4e933 {
    font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
  }

  .nd35c {
    display: inline-block;
    padding: clamp(0.75rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
    background: var(--color-primary);
    color: white;
    text-decoration: none;
    border-radius: var(--radius-md);
    font-weight: 600;
    font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
    transition: background-color var(--transition-base);
    width: fit-content;
    align-self: center;
  }

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

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

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

  .d8fa {
    font-size: clamp(1.1rem, 2vw + 0.25rem, 1.5rem);
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: clamp(0.75rem, 1vw, 1rem);
  }

  .g71580 {
    font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
  }

  .bc2992 {
    background: var(--color-bg-primary);
    padding: clamp(2.5rem, 5vw, 4rem) 0;
    overflow: hidden;
  }

  .n36eb {
    display: flex;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: flex-start;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 2vw, 2.5rem);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
  }

  .pbdb {
    flex-shrink: 0;
  }

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

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

  .i6b950 {
    font-size: clamp(0.8rem, 1vw + 0.25rem, 0.95rem);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
  }

  .e10 {
    font-size: clamp(1.15rem, 2vw + 0.25rem, 1.6rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
  }

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

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

  .g292 {
    font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
    color: var(--color-primary);
    font-weight: 600;
    margin: 0;
  }

  .p6708f03 {
    font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0;
  }

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

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

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

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

  .f576bf {
    display: flex;
    gap: clamp(1.5rem, 2vw, 2rem);
    text-decoration: none;
    background: var(--color-bg-card);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: box-shadow var(--transition-base), transform var(--transition-base);
    box-shadow: var(--shadow-sm);
  }

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

  .iac3 {
    flex: 0 0 clamp(150px, 20vw, 250px);
    height: clamp(120px, 15vw, 200px);
    overflow: hidden;
  }

  .iac3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

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

  .n23 h3 {
    font-size: clamp(1.05rem, 2vw + 0.25rem, 1.4rem);
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
    line-height: 1.4;
  }

  .n23 p {
    font-size: clamp(0.85rem, 0.9vw + 0.35rem, 1rem);
    color: var(--color-text-secondary);
    margin: 0;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

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

    .p670f3,
    .c83,
    .l704 {
      flex-direction: column;
    }

    .e8bf3b,
    .a04264a8,
    .c075,
    .jb34e7f,
    .c854157f,
    .ncbd {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

    .p568e06 {
      width: 100%;
      max-width: 250px;
    }

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

    .jf1 {
      width: 100%;
      max-width: 400px;
    }

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

    .k74b95b {
      align-items: center;
    }

    .f576bf {
      flex-direction: column;
    }

    .iac3 {
      flex: 0 0 100%;
      height: 200px;
    }
  }

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

    .h5939ac4 {
      gap: 0.75rem;
      font-size: 0.8rem;
    }

    .n499c {
      gap: 1rem;
    }

    .jf1 {
      padding: 1rem;
    }

    .h31205 {
      gap: 0.75rem;
    }

    .b85d2b92 {
      width: 2.5rem;
      height: 2.5rem;
      font-size: 1rem;
    }
  }

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', -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 {
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.ff6ff {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

.ic8e {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
}

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

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

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

.lc6640 {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.75rem;
}

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

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

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

.n1de7 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-primary);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.k8c {
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  margin-top: 0;
}

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

.e70188df {
  width: 100%;
  max-width: 700px;
  height: auto;
  margin: 2rem auto 0;
  border-radius: 10px;
  object-fit: cover;
  display: block;
}

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

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

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

.fbdd {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin: 0;
}

.m95a7 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #e0e0e0;
  max-width: 650px;
  margin: 1rem auto 0;
}

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

@media (min-width: 768px) {
  .dc53 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

.ic581 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  background: rgba(255, 255, 255, 0.08);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.ic581:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
}

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

.b5b10b {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: 1rem;
  height: 3rem;
  display: flex;
  align-items: center;
}

.b53d1003 {
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.5rem);
  color: #ffffff;
  margin: 0 0 0.75rem 0;
}

.nac {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #d4d4d8;
  margin: 0;
  flex-grow: 1;
}

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

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

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

.he49a {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.cadc6 {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
  width: fit-content;
}

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

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

.n7f {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  min-height: 300px;
  max-height: 450px;
}

@media (max-width: 768px) {
  .n7f {
    order: -1;
    max-height: 300px;
  }
}

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

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

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

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

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

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

@media (min-width: 768px) {
  .jaece {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

.i76f58d0 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.35rem));
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  position: relative;
}

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

.c5a1 {
  font-size: 3rem;
  font-weight: 800;
  color: var(--color-primary);
  margin-bottom: 1rem;
  line-height: 1;
}

.mbfcab {
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
}

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

.bfaeb7c1 {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.d05 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 800px;
  margin: 0 auto;
}

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

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

.ac1 {
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.5rem);
  color: #ffffff;
  margin: 0;
  font-weight: 700;
}

.b191014 {
  font-size: clamp(0.8125rem, 0.95vw + 0.5rem, 1rem);
  color: #d4d4d8;
  margin: 0;
  line-height: 1.7;
}

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

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

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

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

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

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

  .k70058c {
    padding: 6rem 0;
  }

  .k505 {
    padding: 6rem 0;
  }

  .g3394 {
    padding: 6rem 0;
  }

  .f0301a {
    padding: 6rem 0;
  }

  .bfaeb7c1 {
    padding: 4rem 0;
  }
}

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

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

.o6c65d19 {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background: var(--color-bg-primary);
}

.b00 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

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

.e7057 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(28, 25, 23, 0.2) 0%, rgba(28, 25, 23, 0.6) 100%);
  z-index: 2;
}

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

.e77748ca {
  position: relative;
  z-index: 3;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 2vw, 1rem);
  padding: clamp(2rem, 5vw, 3rem) 0;
}

.pf58cb7 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-light);
  line-height: 1.2;
  margin: 0;
}

.b49d0e52 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-light);
  margin: 0;
  font-weight: 500;
}

.ecc5 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-light-secondary);
  margin: 0;
  font-weight: 400;
}

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

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

.ja023 {
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

.h12 {
  margin: 0;
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
}

.f07489 {
  font-family: var(--font-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  font-style: italic;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

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

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

.d50a {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

.k776 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

.e66 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

.a92a5 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

.i83 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  font-weight: 700;
  color: var(--color-primary);
  min-width: 90px;
  text-align: right;
}

.f2913 {
  flex: 1;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.k20ea77e {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1vw, 1rem) 0;
  line-height: 1.3;
}

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

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

  .i83 {
    text-align: left;
    min-width: unset;
  }
}

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

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

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

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

.h89107 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.8;
}

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

.f764 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 150px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  text-align: center;
  border: 1px solid var(--color-border-light);
}

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

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

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

  .odb6 {
    flex: 1 1 100%;
  }

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

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

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

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

.e6a1 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

.bb3351 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

.m5ecb3cc {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

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

.j08d2 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  font-weight: 500;
}

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

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

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

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

.c9ba52f {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  width: fit-content;
}

.c9ba52f:hover {
  color: var(--color-primary-hover);
  transform: translateX(4px);
}

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

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

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

.n7cf16 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 4rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

.f4c12c1d,
.j97e03a {
  display: inline-block;
  padding: clamp(0.75rem, 1vw + 0.5rem, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  text-align: center;
  white-space: nowrap;
}

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

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

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

.j97e03a:hover {
  background: var(--color-primary);
  color: var(--color-text-light);
  transform: translateY(-2px);
}

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

  .f4c12c1d,
  .j97e03a {
    width: 100%;
  }
}

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

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

.o0e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.afd4 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

.a781c43f {
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.g4193 {
  margin-bottom: var(--spacing-md);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  background-color: var(--color-bg-card);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.dad0c {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  text-align: left;
  transition: background-color var(--transition-base);
}

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

.dad0c:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
}

.ld75e1 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
  flex: 1;
}

.ce5289 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  font-size: 1.25rem;
  font-weight: 700;
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.dad0c[aria-expanded="true"] .ce5289 {
  transform: rotate(45deg);
}

.i946 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base), padding var(--transition-base);
}

.i946[aria-hidden="false"] {
  max-height: 500px;
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

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

.lfd {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.pb9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.of052e5 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-light);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.of052e5:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .o0e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .i946[aria-hidden="false"] {
    padding: 0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .o0e {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

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

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

.o33 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.n168 {
  max-width: 1200px;
  margin: 0 auto;
}

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

.o631bf7 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .o33 {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .o33 {
    padding: 5rem var(--spacing-xl);
  }
}

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

.p4836c2 {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.j45ba6a {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .j45ba6a {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .p4836c2 {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .j45ba6a {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .p4836c2 {
    padding: 5rem var(--spacing-xl);
  }
}

.ie2b2e5d {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.d49d {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  font-size: 1.75rem;
  color: var(--color-primary);
  flex-shrink: 0;
}

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

.gebda {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.d513 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw + 0.25rem, 0.9375rem);
  color: var(--color-text-muted);
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--color-border-light);
  padding-top: var(--spacing-md);
}

.d513 li {
  padding: var(--spacing-xs) 0;
  padding-left: var(--spacing-md);
  position: relative;
}

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

.m7c60 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.g8d4a71a {
  text-align: center;
}

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

.df8 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.d38 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  background-color: var(--color-primary);
  color: var(--color-text-light);
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  display: inline-block;
}

.d38:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.d38:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .m7c60 {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .m7c60 {
    padding: 5rem var(--spacing-xl);
  }
}

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

.ae17a0 .l169e74b {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ae17a0 .n490f1 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.ae17a0 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.ae17a0 .f44ffc {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-3xl);
  padding-bottom: var(--spacing-2xl);
  border-bottom: 1px solid var(--color-border-light);
}

.ae17a0 section {
  margin-bottom: var(--spacing-3xl);
}

.ae17a0 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
  line-height: 1.4;
}

.ae17a0 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

.ae17a0 ul {
  margin: var(--spacing-lg) 0;
  padding-left: var(--spacing-2xl);
}

.ae17a0 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-sm);
}

.ae17a0 li::marker {
  color: var(--color-primary);
}

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

.ae17a0 .pc9ca96 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.ae17a0 .pc9ca96 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.ae17a0 .pc9ca96 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .ae17a0 .l169e74b {
    padding: 0 var(--spacing-lg);
  }

  .ae17a0 .n490f1 {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1024px) {
  .ae17a0 .l169e74b {
    padding: 0 var(--spacing-2xl);
  }

  .ae17a0 .n490f1 {
    padding: var(--spacing-4xl) 0;
  }
}

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

.fc83 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.i6311 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .i6311 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .i6311 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

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

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

.n490f1 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.je2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .je2 {
    gap: var(--spacing-xl);
  }
}

.n7e58 {
  color: var(--color-success);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-sm);
}

.n7e58 svg {
  width: clamp(80px, 15vw, 120px);
  height: clamp(80px, 15vw, 120px);
  display: block;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.i04ab9 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  font-weight: 500;
}

.bf759 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

.nc6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  white-space: nowrap;
  margin-top: var(--spacing-md);
}

@media (min-width: 768px) {
  .nc6 {
    margin-top: var(--spacing-lg);
  }
}

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

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

.ga3f8e:active {
  transform: translateY(0);
}

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

  .nc6 {
    width: 100%;
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

.c090464 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
  overflow: hidden;
  position: relative;
}

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

.n490f1 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.pb0 {
  text-align: center;
  position: relative;
}

.p7ff93d {
  position: relative;
  margin-bottom: var(--spacing-3xl);
}

.e6373 {
  font-size: clamp(4rem, 15vw, 8rem);
  font-family: var(--font-heading);
  font-weight: 800;
  color: var(--color-primary);
  margin: 0;
  line-height: 1;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 2;
}

.kdba1 {
  position: absolute;
  border-radius: 50%;
  opacity: 0.08;
  pointer-events: none;
}

.o64bee {
  width: clamp(120px, 25vw, 280px);
  height: clamp(120px, 25vw, 280px);
  background-color: var(--color-primary);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.k8b09 {
  width: clamp(80px, 18vw, 200px);
  height: clamp(80px, 18vw, 200px);
  background-color: var(--color-secondary);
  top: 20%;
  right: 10%;
  z-index: 0;
  animation: float 6s ease-in-out infinite;
}

.l6f0c8 {
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.a1a08c {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: 0.3px;
}

.d829 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-2xl) 0;
  font-style: italic;
}

.nc6 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  text-align: center;
  margin-bottom: var(--spacing-2xl);
  letter-spacing: 0.3px;
}

.ga3f8e {
  background-color: var(--color-primary);
  color: var(--color-text-light);
  box-shadow: var(--shadow-md);
}

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

.ga3f8e:active {
  transform: translateY(0);
}

.pb8b {
  margin-top: var(--spacing-3xl);
  display: flex;
  justify-content: center;
  opacity: 0.6;
}

.ga365 {
  width: clamp(150px, 40vw, 250px);
  height: auto;
  animation: float 8s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

@media (min-width: 640px) {
  .c090464 {
    padding: var(--spacing-lg);
  }

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

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

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

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

  .nc6 {
    padding: var(--spacing-md) var(--spacing-2xl);
    font-size: clamp(0.95rem, 1vw, 1.1rem);
  }

  .k8b09 {
    right: 5%;
  }
}

@media (min-width: 1024px) {
  .c090464 {
    padding: var(--spacing-xl);
  }

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

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

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

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

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

  .nc6:hover {
    transform: translateY(-3px);
  }

  .ga365 {
    width: 280px;
  }

  .o64bee {
    width: 300px;
    height: 300px;
  }

  .k8b09 {
    width: 220px;
    height: 220px;
  }
}

@media (max-width: 380px) {
  .e6373 {
    font-size: 3.5rem;
  }

  .l6f0c8 {
    font-size: 1.3rem;
  }

  .a1a08c {
    font-size: 0.9rem;
    margin-bottom: var(--spacing-md);
  }

  .d829 {
    margin-bottom: var(--spacing-lg);
    font-size: 0.85rem;
  }

  .nc6 {
    width: 100%;
    margin-bottom: var(--spacing-lg);
  }

  .k8b09 {
    width: 100px;
    height: 100px;
    top: 15%;
  }

  .ga365 {
    width: 120px;
  }
}

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

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

.b46fa {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  max-width: 700px;
}

.k1b7ef43 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
}

.jbe {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

.f0205 {
  width: 100%;
}

.f560d7 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 4vw, 3.5rem);
}

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

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

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

  .f7fa9 {
    flex: 1 1 45%;
  }

  .kc0ca {
    flex: 1 1 45%;
  }
}

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

.fe04ba9 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.nf11 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

.k88cef {
  display: flex;
  flex-direction: column;
  gap: clamp(0.4rem, 1vw, 0.6rem);
}

.od8 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.e65f2508 {
  color: var(--color-danger);
  font-weight: 700;
}

.d7f82bbf,
.g5348 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  width: 100%;
  padding: clamp(0.75rem, 2vw, 1rem);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.d7f82bbf::placeholder,
.g5348::placeholder {
  color: var(--color-text-muted);
}

.d7f82bbf:focus,
.g5348:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.g5348 {
  min-height: clamp(100px, 20vh, 160px);
  resize: vertical;
}

.m4a0 {
  display: flex;
  align-items: flex-start;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(0.75rem, 2vw, 1rem);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.bae {
  margin-top: 0.25rem;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  cursor: pointer;
  accent-color: var(--color-primary);
}

.e56a0 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  cursor: pointer;
  line-height: 1.5;
}

.p0154 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.acc {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  width: 100%;
  padding: clamp(0.85rem, 2vw, 1.1rem) clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-primary);
  color: var(--color-text-light);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.acc:active {
  transform: translateY(0);
}

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

.ac228dd3 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.ad0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

.be0 {
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.k84d90b {
  flex-shrink: 0;
  width: clamp(3rem, 8vw, 3.5rem);
  height: clamp(3rem, 8vw, 3.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-primary);
}

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

.n3011e {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

.hd6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.g7d {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  margin-top: 0.25rem;
}

.k44 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.c210e8 {
  padding: clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

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

.n5d23 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.6;
}

.eaf4 {
  display: inline-block;
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 700;
  padding: clamp(0.6rem, 1.5vw, 0.8rem) clamp(1.2rem, 2vw, 1.5rem);
  background-color: var(--color-primary);
  color: var(--color-text-light);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

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

.e71 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(2rem, 5vw, 3rem);
}

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

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

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

.c85abd8e {
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.mb0c0b {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.j6729 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.o53f51b {
  text-align: center;
  padding: clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.jd9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.jcd2a8ee {
  display: inline-block;
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 700;
  padding: clamp(0.6rem, 1.5vw, 0.8rem) clamp(1.2rem, 2vw, 1.5rem);
  background-color: var(--color-primary);
  color: var(--color-text-light);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

@media (max-width: 1023px) {
  .f7fa9,
  .kc0ca {
    flex: 1 1 100%;
  }
}

@media (max-width: 640px) {
  .f81d {
    padding: clamp(1.5rem, 5vw, 2.5rem) 0;
  }

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

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

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

  .bae {
    margin-top: 0;
  }
}
.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;
}

@media (max-width: 768px) {
  .m305a710 {
    aspect-ratio: 6 / 9;
  }
  .ba7 {
    aspect-ratio: 6 / 9;
  }
}

a{
  color: #000 !important;
}