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

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

  --color-text-primary: #ffffff;
  --color-text-secondary: #cbd5e1;
  --color-text-muted: #94a3b8;

  --color-primary: #f97316;
  --color-primary-hover: #ea580c;
  --color-primary-light: #fb923c;
  --color-secondary: #fb923c;
  --color-secondary-light: #fdba74;

  --color-success: #10b981;
  --color-success-light: #6ee7b7;
  --color-warning: #f59e0b;
  --color-warning-light: #fcd34d;
  --color-danger: #ef4444;
  --color-danger-light: #fca5a5;

  --color-border: #475569;
  --color-border-light: #334155;

  --font-primary: 'Karla', sans-serif;
  --font-heading: 'Rubik', sans-serif;

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

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

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 200ms ease-in-out;
  --transition-slow: 300ms ease-in-out;

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

* {
  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;
  letter-spacing: -0.02em;
}

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

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

h1 {
  font-size: 3.5rem;
  margin-bottom: var(--spacing-2xl);
}

h2 {
  font-size: 2.5rem;
  margin-bottom: var(--spacing-xl);
}

h3 {
  font-size: 1.875rem;
  margin-bottom: var(--spacing-lg);
}

h4 {
  font-size: 1.5rem;
  margin-bottom: var(--spacing-md);
}

h5 {
  font-size: 1.25rem;
  margin-bottom: var(--spacing-md);
}

h6 {
  font-size: 1rem;
  margin-bottom: var(--spacing-sm);
}

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

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

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

button, .hd3 {
  font-family: var(--font-primary);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all var(--transition-fast);
  border-radius: var(--radius-lg);
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: 0.95rem;
  letter-spacing: -0.01em;
}

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

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

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

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

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

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

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

.i1ac336:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-lg);
}

.hda {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.b2933 {
  background: rgba(249, 115, 22, 0.15);
  color: var(--color-primary);
}

.eeefa {
  background: rgba(251, 146, 60, 0.15);
  color: var(--color-secondary);
}

.nae0f {
  background: rgba(16, 185, 129, 0.15);
  color: var(--color-success);
}

.ed6b89 {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacing-lg);
}

label {
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
  font-size: 0.95rem;
}

input[type="text"],
input[type="email"],
input[type="search"],
textarea,
select {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-md) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: 1rem;
  transition: all var(--transition-fast);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  background: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);
}

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

hr {
  border: none;
  border-top: 1px solid var(--color-border-light);
  margin: var(--spacing-xl) 0;
}

code {
  background: var(--color-bg-secondary);
  color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: 0.875em;
}

pre {
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  margin-bottom: var(--spacing-lg);
  border: 1px solid var(--color-border-light);
}

pre code {
  background: none;
  padding: 0;
  color: inherit;
}

blockquote {
  border-left: 4px solid var(--color-primary);
  padding-left: var(--spacing-lg);
  margin: var(--spacing-xl) 0;
  color: var(--color-text-secondary);
  font-style: italic;
}

ul, ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--spacing-xl);
  font-size: 0.95rem;
}

th {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  font-weight: 700;
  padding: var(--spacing-md) var(--spacing-lg);
  text-align: left;
  border-bottom: 2px solid var(--color-border);
}

td {
  padding: var(--spacing-md) var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
  color: var(--color-text-secondary);
}

tr:hover {
  background: var(--color-bg-secondary);
}

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

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

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

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

.ic51 {
  display: flex;
}

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

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

.i7c7 {
  flex-direction: column;
}

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

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

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

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

.g04 {
  text-align: center;
}

.i3a {
  text-align: right;
}

.fe7531b {
  text-align: left;
}

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

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

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

.j23f {
  font-weight: 700;
}

.ea9c16e {
  font-weight: 600;
}

.cb9e760 {
  font-weight: 500;
}

.ec552d {
  font-style: italic;
}

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

.p47 {
  text-transform: lowercase;
}

.e9cd81 {
  text-transform: capitalize;
}

.i211 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fe85d79 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.gce1 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.i57f8611 { margin: 0; }
.d69 { margin: var(--spacing-xs); }
.n25aa { margin: var(--spacing-sm); }
.obc6b6 { margin: var(--spacing-md); }
.f99c7f { margin: var(--spacing-lg); }
.hb8a72b { margin: var(--spacing-xl); }
.h06fb { margin: var(--spacing-2xl); }

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

.b4121be { padding: 0; }
.md34 { padding: var(--spacing-xs); }
.f19d94 { padding: var(--spacing-sm); }
.k636a068 { padding: var(--spacing-md); }
.aebc6d { padding: var(--spacing-lg); }
.k836 { padding: var(--spacing-xl); }
.b26c { padding: var(--spacing-2xl); }

.n9b2b88f { margin-top: var(--spacing-sm); }
.m309 { margin-top: var(--spacing-md); }
.p67c2 { margin-top: var(--spacing-lg); }
.obf13b { margin-top: var(--spacing-xl); }
.g4b08 { margin-top: var(--spacing-2xl); }
.ld5 { margin-top: var(--spacing-3xl); }
.l62 { margin-top: var(--spacing-4xl); }

.hfa0 { margin-bottom: var(--spacing-sm); }
.j4df67 { margin-bottom: var(--spacing-md); }
.d0a { margin-bottom: var(--spacing-lg); }
.bfe { margin-bottom: var(--spacing-xl); }
.f1d6c5bb { margin-bottom: var(--spacing-2xl); }
.ldcb7 { margin-bottom: var(--spacing-3xl); }
.h506b { margin-bottom: var(--spacing-4xl); }

.ib6445f { padding-top: var(--spacing-sm); }
.a40 { padding-top: var(--spacing-md); }
.g471781 { padding-top: var(--spacing-lg); }
.o667d3b5 { padding-top: var(--spacing-xl); }
.gbc0c3 { padding-top: var(--spacing-2xl); }
.m2dedc0 { padding-top: var(--spacing-3xl); }

.e503 { padding-bottom: var(--spacing-sm); }
.h243b4b { padding-bottom: var(--spacing-md); }
.c4ab { padding-bottom: var(--spacing-lg); }
.bfbca51 { padding-bottom: var(--spacing-xl); }
.h82b { padding-bottom: var(--spacing-2xl); }
.j32c69 { padding-bottom: var(--spacing-3xl); }

.n3849 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.i4c22 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.aea8 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.kc27 { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }

.o9a7b3 { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.ie70c { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.jcc6b { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.fb1 { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }
.g06be51e { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl); }
.f4616 { padding-top: var(--spacing-3xl); padding-bottom: var(--spacing-3xl); }

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

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

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

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

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

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

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

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

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

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

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

.p0adc {
  opacity: 0.5;
}

.m467 {
  opacity: 0.75;
}

.p973cb {
  opacity: 1;
}

.o03 {
  transition: all var(--transition-fast);
}

.dd0d {
  transition: all var(--transition-base);
}

.p19b4fb {
  transition: all var(--transition-slow);
}

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

.dbfde:hover {
  box-shadow: 0 0 20px rgba(249, 115, 22, 0.3);
}

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

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

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

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

.i709 {
  width: 100%;
}

.f3a {
  height: 100%;
}

.p332b {
  max-width: 24rem;
}

.c9f9 {
  max-width: 28rem;
}

.aece6ec8 {
  max-width: 32rem;
}

.i752 {
  max-width: 42rem;
}

.ma2144b {
  max-width: 56rem;
}

.m085 {
  max-width: 72rem;
}

.m7b43ba5 {
  overflow: hidden;
}

.l6439202 {
  display: inline-block;
}

.ab2a7b {
  display: block;
}

.h3422f5 {
  display: none;
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .m87,
  .g97be9,
  .e010 {
    grid-template-columns: 1fr;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  body {
    font-size: 0.95rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
.i51 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 100;
}

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

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

.ka8bd:hover {
  opacity: 0.85;
}

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

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

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

.o981c {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  transition: color var(--transition-base);
  white-space: nowrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.f43a8 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: background var(--transition-base), transform var(--transition-base);
  white-space: nowrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.h86233:hover {
  opacity: 0.7;
}

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

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

.b2b1.g7af {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

.k34bde {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  font-size: 1.5rem;
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}

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

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

.nfd69 {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  font-weight: 500;
  padding: 1rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base), color var(--transition-base);
  white-space: nowrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.jdc3465 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  padding: 1rem clamp(1rem, 4vw, 2rem);
  transition: background var(--transition-base);
  margin: 1rem clamp(1rem, 4vw, 2rem);
  border-radius: var(--radius-md);
  text-align: center;
  white-space: nowrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .b2b1 {
    display: none;
  }

  .f4f5f38b {
    display: flex;
  }
}

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

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

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

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

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

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

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

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

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

.neab19 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.hd3 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.25rem, 3vw, 2rem);
  font-size: clamp(0.875rem, 1vw, 1rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 500;
  transition: all var(--transition-base);
  cursor: pointer;
  text-align: center;
  border: none;
  font-family: var(--font-primary);
}

.c420 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-accent);
}

.c420:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

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

.ofdb7 {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

.fb8ae6b2 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
}

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

  .gdca222a {
    flex: 1 1 100%;
  }

  .ofdb7 {
    flex: 1 1 100%;
    min-height: 250px;
  }

  .neab19 {
    flex-direction: column;
  }

  .hd3 {
    width: 100%;
  }
}

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

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

.n5ccc3 {
  position: relative;
  min-height: 400px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-xl);
}

.kece {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

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

.g866b433 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: clamp(2rem, 5vw, 3rem);
  background: linear-gradient(to top, rgba(15, 23, 42, 0.95), transparent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.b6693 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 500px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.id81c5 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

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

.n1732 {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

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

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

.c9cfd {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.l43ffe7 {
  text-align: center;
}

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

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

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

.f5d827e {
  flex: 1 1 280px;
  max-width: 380px;
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

.f5d827e:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  background: var(--color-bg-tertiary);
}

.aa3a80 {
  font-size: 2.5rem;
  color: var(--color-accent);
  display: flex;
  justify-content: center;
}

.n481 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.b120c54 {
  text-align: center;
}

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

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

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

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

.h6d1a {
  font-size: clamp(2rem, 5vw, 3rem);
  font-family: var(--font-heading);
  color: var(--color-accent);
  font-weight: 700;
  min-width: 60px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.nccde {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.i3d > div:last-child {
  flex: 1;
}

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

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

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

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

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

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

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

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

.mf6106 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 1px;
  flex: 0 1 auto;
}

.i981 {
  font-size: clamp(1.25rem, 3vw, 2rem);
  font-family: var(--font-heading);
  color: var(--color-accent);
  font-weight: 700;
}

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

  .fed6ad7 {
    flex: 1 1 100%;
  }

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

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

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

.j1d56ed {
  text-align: center;
}

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

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

.c01ab95 {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.cd14 {
  display: flex;
  flex-direction: row;
  gap: 0;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.d808 {
  flex: 1 1 50%;
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.n100f8 .d808 {
  font-weight: 600;
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

.o58ebbbe {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

.la5ad5e {
  color: var(--color-success);
  font-size: 1.25rem;
  justify-content: center;
}

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

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

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

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

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

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

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

.ebb99:hover {
  background: var(--color-bg-tertiary);
  transform: translateX(4px);
}

.n84f {
  font-size: 1.75rem;
  color: var(--color-accent);
}

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

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

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

  .j660ee {
    flex: 1 1 100%;
  }

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

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

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

.p851a {
  text-align: center;
}

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

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

.h664612a {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}

.h99e {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-left: 3px solid var(--color-accent);
  position: relative;
  padding-left: clamp(2rem, 4vw, 3rem);
}

.h99e:before {
  content: '';
  position: absolute;
  left: -9px;
  top: clamp(1.5rem, 3vw, 2rem);
  width: 15px;
  height: 15px;
  background: var(--color-accent);
  border-radius: 50%;
  border: 3px solid var(--color-bg-secondary);
}

.n93 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-accent);
  font-weight: 700;
  min-width: 80px;
  flex-shrink: 0;
}

.cf6c9 {
  flex: 1;
}

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

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

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

.ec9b39 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
}

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

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

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

.fd6f.h3422f5 {
  display: none;
}

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

.l35 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.j03f7c51,
.af3507f {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 500;
  transition: all var(--transition-base);
  border: none;
  font-family: var(--font-primary);
}

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

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

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

.af3507f:hover {
  color: var(--color-text-primary);
  border-color: var(--color-text-secondary);
}

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

  .g9f {
    text-align: center;
    flex: 1 1 100%;
  }

  .l35 {
    flex: 1 1 100%;
    justify-content: center;
  }

  .j03f7c51,
  .af3507f {
    flex: 1 1 100%;
    min-width: 150px;
  }

  .cd14 {
    flex-direction: column;
    gap: 0;
  }

  .d808 {
    flex: 1 1 100%;
    border-bottom: 1px solid var(--color-border-light);
  }

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

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

  .n93 {
    min-width: auto;
  }
}

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

  .p12f7a {
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .jce {
    gap: clamp(3rem, 5vw, 5rem);
  }
}

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

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

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

.ned,
.b10,
.ja88d1d,
.p3c1 {
  display: block;
}

.ned {
  max-width: 500px;
}

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

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

.ja88d1d p {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  line-height: 1.8;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a5efae li,
.g7cc2 li {
  display: block;
}

.a5efae a,
.g7cc2 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  transition: color var(--transition-fast);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a5efae a:hover,
.g7cc2 a:hover {
  color: var(--color-accent);
}

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

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

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

@media (min-width: 768px) {
  .e45e0 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2.5rem, 6vw, 4rem);
    align-items: flex-start;
  }

  .ned {
    flex: 1 1 clamp(250px, 25%, 400px);
  }

  .b10 {
    flex: 1 1 clamp(180px, 20%, 250px);
  }

  .ja88d1d {
    flex: 1 1 clamp(200px, 25%, 350px);
  }

  .p3c1 {
    flex: 1 1 clamp(180px, 20%, 250px);
  }

  .cce206f6 {
    flex: 1 1 100%;
    display: block;
  }
}

@media (min-width: 1024px) {
  .e45e0 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(3rem, 7vw, 5rem);
  }

  .ned {
    flex: 1 1 auto;
    min-width: 320px;
  }

  .b10 {
    flex: 0 1 auto;
    min-width: 200px;
  }

  .ja88d1d {
    flex: 0 1 auto;
    min-width: 280px;
  }

  .p3c1 {
    flex: 0 1 auto;
    min-width: 200px;
  }

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

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

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

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

.pb15b3 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.g6527d {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: color var(--transition-base);
}

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

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

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

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

.l0e3ad {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 900px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ccb6 {
  text-align: center;
}

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

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

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

.c1f6 {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
}

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

.k707 {
  flex: 1 1 100%;
  max-width: 900px;
}

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

.p181 {
  flex: 1 1 100%;
  min-width: 280px;
  max-width: 400px;
}

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

.edd3 {
  flex: 1 1 100%;
  max-width: 900px;
}

.h0a229a {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

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

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

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

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

.d876,
.ibf55f,
.n95eb2 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.75rem, 0.9vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
}

.d876 i,
.ibf55f i,
.n95eb2 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.pcb751 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base);
  width: fit-content;
}

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

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

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

.lff {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

  .k707,
  .p181,
  .edd3 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c1f6 {
    gap: clamp(0.75rem, 1.5vw, 1rem);
    padding: clamp(0.75rem, 1.5vw, 1.25rem);
  }
}

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

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

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

@media (min-width: 1024px) {
  .k707 {
    flex: 1 1 calc(60% - 0.75rem);
  }

  .p181 {
    flex: 1 1 calc(40% - 0.75rem);
  }

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

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

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

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

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

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

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

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

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

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

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

.mf34 a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

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

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

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

.e97b1f1 {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1.2;
}

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

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

.bdb i {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

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

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

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

.ff48 {
  flex-shrink: 0;
  width: clamp(80px, 12vw, 120px);
  height: clamp(80px, 12vw, 120px);
  border-radius: 50%;
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

.h8d {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

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

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

.g51a7 {
  max-width: 800px;
}

.e6fb0458 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  font-weight: 500;
}

.gd86 {
  width: 100%;
}

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

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

.ld160c,
.pdf8f {
  flex: 1 1 50%;
  max-width: 50%;
}

.l238 {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

.b2b {
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

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

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

.k8036 {
  font-size: clamp(2.5rem, 6vw, 4rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: var(--font-heading);
}

.d20 {
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

.if3 {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

.gda59c1 {
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 800px;
}

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

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

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

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

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

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

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

.d6af6 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
}

.le95870 {
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

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

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

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

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

.pc10e74:hover .a5b {
  transform: scale(1.05);
}

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

.o149 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.3;
}

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

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

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

@media (max-width: 1023px) {
  .pc10e74 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: clamp(280px, 100%, 100%);
    max-width: 100%;
  }

  .pfc {
    flex-direction: column;
  }

  .fa1758,
  .d67983,
  .ld160c,
  .pdf8f {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .he40 {
    gap: clamp(0.25rem, 0.75vw, 0.5rem);
  }
}

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

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

  .nede4 {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }

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

  .ga5 {
    max-height: 350px;
  }

  .o969 {
    height: 200px;
  }

  .mf34 {
    font-size: 0.8125rem;
  }

  .bdb {
    font-size: 0.875rem;
  }
}

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

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

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

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

  .i933e81 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
    color: var(--color-text-muted);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  .m0047753 {
    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;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0;
  }

  .ffa {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
    color: var(--color-text-secondary);
  }

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

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

  .mf2f20b {
    font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    max-width: 600px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0;
  }

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

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

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

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

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

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

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

  .f964b78a {
    font-family: var(--font-heading);
    font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

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

    .k3b1,
    .k6215c2 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

    .g47b25,
    .i573d20d {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

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

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

    .ie99b,
    .h585f7d {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

    .faae32,
    .d7aa {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

  .o1125 {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0;
    text-align: center;
  }

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

  .n7fbec9c {
    max-width: 750px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
    padding: clamp(1.5rem, 3vw, 2rem);
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--color-secondary);
  }

  .m97ac {
    font-family: var(--font-heading);
    font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
    font-weight: 600;
    color: var(--color-text-primary);
    line-height: 1.2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0;
  }

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

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

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

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

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

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

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

  .f7530e {
    flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
    min-width: 280px;
    max-width: 420px;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all var(--transition-base);
  }

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

  .iec23a {
    width: 100%;
    height: auto;
    min-height: 200px;
    max-height: 280px;
    overflow: hidden;
  }

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

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

  .e20df4 {
    font-family: var(--font-heading);
    font-size: clamp(1.0625rem, 2vw + 0.5rem, 1.375rem);
    font-weight: 600;
    color: var(--color-text-primary);
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.l2ffbe {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 400;
  max-width: 800px;
  line-height: 1.5;
}

.o710 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
}

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

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

.n98 {
  width: 100%;
  margin: 0;
}

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

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

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

.ee4 {
  flex: 0 0 auto;
}

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

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

.kb4281 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin: 0;
}

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

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

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

.ie06 {
  font-size: 0.8125rem;
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 400;
}

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

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

.e7d34e4:nth-child(even) {
  background: var(--color-bg-secondary);
}

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

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

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

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

.a22c66 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

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

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

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

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

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

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

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

.c7d0 {
  font-size: 2rem;
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
}

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

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

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

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

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

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

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

.od5 {
  max-width: 900px;
  margin: 0 auto;
  background: rgba(249, 115, 22, 0.1);
  border: 1px solid var(--color-accent);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

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

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

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

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

.m68e3027 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  margin: 0;
}

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

.be9d16:hover .md38a {
  transform: scale(1.05);
}

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

.m00c96f7 {
  margin: 0;
}

.p8f47fa {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  line-height: 1.4;
}

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

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

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

  .o4f29,
  .d61 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b7e11dff {
    flex-direction: row;
  }

  .hfd1ae8f {
    flex-direction: column;
  }

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

  .ec8 {
    flex-direction: column;
  }

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

.j2da254 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 800px;
}

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

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

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

.j6b739 {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.b7ac82 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  display: block;
}

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

.e141 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
}

.m6f808 {
  flex-shrink: 0;
}

.la9877 {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
}

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

.ea2d {
  font-family: var(--font-heading);
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  font-weight: 600;
}

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

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

.l9de036 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  font-weight: 500;
}

.k1a8 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-top: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p08da {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
}

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

.k75ac {
  font-family: var(--font-heading);
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

.m431 {
  font-family: var(--font-heading);
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-accent);
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

.p97482c1:hover .b73 {
  transform: scale(1.05);
}

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

.a3bb7ea {
  font-family: var(--font-heading);
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  font-weight: 600;
  line-height: 1.3;
  color: var(--color-text-primary);
}

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

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

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

@media (max-width: 1023px) {
  .kdbc,
  .if774d6,
  .h6b,
  .mff,
  .a5a173b {
    flex-direction: column;
  }

  .ob0129e,
  .f36,
  .i43,
  .ob9e840a,
  .p078d9,
  .j6dc7,
  .p73a55,
  .f32536,
  .c4d,
  .a0b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .i43,
  .p73a55 {
    order: 0;
  }

  .a5a173b {
    align-items: center;
  }
}

@media (max-width: 767px) {
  .h35b78 {
    padding: clamp(1.5rem, 3vw, 2rem) 0;
  }

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

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

  .p00d {
    align-items: center;
  }

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

  .d4ee2 {
    flex-direction: column;
  }
}

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

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

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

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

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

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

.e17c {
  padding: clamp(3rem, 8vw, 6rem) 0;
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%);
  overflow: hidden;
}

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

.mbb1 {
  text-align: center;
  max-width: 900px;
}

.k374 {
  display: inline-block;
  background: var(--color-primary-light);
  color: var(--color-accent-dark);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
  letter-spacing: 0.5px;
}

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

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

.j6a7fd55 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 10px 40px rgba(15, 23, 42, 0.08);
  display: block;
}

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

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

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

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

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

.p66c56f9 {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  margin: 1rem auto 0;
  display: block;
}

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

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

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

.h043 {
  display: inline-block;
  background: var(--color-secondary-light);
  color: var(--color-accent-dark);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

.p416ba9 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.3;
}

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

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

.j5cb7e {
  flex: 1 1 clamp(250px, 45%, 350px);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.j5cb7e:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
  border-color: var(--color-accent);
}

.n59 {
  width: 50px;
  height: 50px;
  background: var(--color-primary-light);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent-dark);
  font-size: 1.5rem;
}

.jfd73 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

.k21 {
  display: inline-block;
  background: var(--color-primary-light);
  color: var(--color-accent-dark);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

.n3bc0b {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.3;
}

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

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

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

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

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

.hb5a0729 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

.lf5 {
  display: inline-block;
  background: var(--color-secondary-light);
  color: var(--color-accent-dark);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

.b52259 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.3;
}

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

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

.ced1ff1 {
  flex: 1 1 clamp(240px, 45%, 320px);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.gdf9 {
  width: 50px;
  height: 50px;
  background: var(--color-primary-light);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent-dark);
  font-size: 1.5rem;
}

.e2b {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

.j783c {
  padding: clamp(3rem, 8vw, 6rem) 0;
  background: var(--color-bg-tertiary);
  overflow: hidden;
  border-top: 1px solid var(--color-border);
}

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

.i0f4932 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.d23b2bc {
  width: 28px;
  height: 28px;
  background: var(--color-primary-light);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent-dark);
  font-size: 0.9rem;
  flex-shrink: 0;
}

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

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

  .a7e066a {
    width: 50px;
    height: 50px;
    font-size: 1.25rem;
  }

  .j5cb7e,
  .ced1ff1 {
    flex: 1 1 100%;
  }
}

@media (max-width: 480px) {
  .k374,
  .h043,
  .k21,
  .lf5 {
    font-size: 0.7rem;
    padding: 0.4rem 0.8rem;
  }
}

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

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

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

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

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

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

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

.a6d7c50 {
  width: 100%;
}

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

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

.l0f0c1 {
  width: 100%;
  max-width: 400px;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(26, 24, 22, 0.08);
}

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

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

.cea712b7 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.b2e28c {
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

.a31 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-muted);
}

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

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

  .a9040c {
    flex: 1 1 45%;
  }
}

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

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

.b7ca8d8 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.if1 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.a4e8f196 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.oa229a {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
  max-width: 280px;
  box-shadow: 0 2px 8px rgba(26, 24, 22, 0.06);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

.oa229a:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(26, 24, 22, 0.1);
}

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

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

@media (min-width: 768px) {
  .oa229a {
    flex: 1 1 calc(25% - 0.75rem);
    min-width: 220px;
  }
}

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

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

.e9fede21 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.lb7a28 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.gef4 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

.a6c0753 {
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

  .hc62d742 {
    padding: clamp(1.5rem, 2vw, 2rem);
    background: var(--color-bg-secondary);
    border-radius: 12px;
    border: 1px solid var(--color-border-light);
  }
}

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

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

.i947c {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.jd64b3 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.n3bc {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.k9503cde {
  display: inline-block;
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(0.875rem, 1.5vw, 1.25rem);
  border-radius: 20px;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 500;
  border: 1px solid var(--color-border);
  transition: var(--transition-base);
  white-space: nowrap;
}

.k9503cde:hover {
  background: var(--color-accent-light);
  color: var(--color-accent);
  border-color: var(--color-accent);
}

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

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

.f1b6914 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ef9ce4 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.gd4 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

.d37 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  overflow: hidden;
  transition: var(--transition-base);
  box-shadow: 0 2px 8px rgba(26, 24, 22, 0.06);
}

.d37:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(26, 24, 22, 0.1);
  border-color: var(--color-accent);
}

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

.fd6 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.4;
}

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

.n89 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  width: fit-content;
}

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

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

.d768 {
  font-size: clamp(0.875rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
}

.j89 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1vw, 0.95rem) clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 8px;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: var(--transition-base);
  width: fit-content;
  margin: 0 auto;
  text-decoration: none;
}

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

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

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

.i0e2e {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.fa6401c {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.de83e55 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

.pc5ef {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 240px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

.pc5ef:hover {
  box-shadow: 0 8px 16px rgba(26, 24, 22, 0.1);
  transform: translateY(-4px);
}

.nfda41 {
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

.pb2 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.65rem, 1vw, 0.85rem) clamp(1.25rem, 2.5vw, 1.75rem);
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: var(--transition-base);
  width: fit-content;
  text-decoration: none;
}

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

@media (min-width: 768px) {
  .mf0dcb9 {
    justify-content: space-between;
  }

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

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

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

.b765bd3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

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

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

.a88 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .b765bd3 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .b765bd3 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.le2c7 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.a414d {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.e60a8465 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.p66de {
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

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

.e60a8465:hover .p66de img {
  transform: scale(1.05);
}

.fd628e2 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.df2 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.mec792 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw + 0.25rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.d7c78f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.c044e5 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid transparent;
  transition: border-color var(--transition-base), color var(--transition-base);
}

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

@media (min-width: 768px) {
  .le2c7 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .p66de {
    height: 280px;
  }
}

@media (min-width: 1024px) {
  .le2c7 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

  .p66de {
    height: 320px;
  }

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

.e3a351 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.m80 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.i61 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.7;
}

.b0561cf {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .e3a351 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .e3a351 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

.k516130 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.gf9 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.ma48f976 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .k516130 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .k516130 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.oc0d70 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.hafd20f {
  max-width: 1200px;
  margin: 0 auto;
}

.b95fd36 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.c8e1eb {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.c8e1eb:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.k1e78ac {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  font-size: 1.75rem;
  color: var(--color-primary);
  flex-shrink: 0;
}

.n213 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 3vw + 0.25rem, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.e4ee {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
  flex-grow: 1;
}

.i29dc {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: var(--radius-md);
  margin-top: var(--spacing-md);
  display: block;
}

@media (min-width: 768px) {
  .oc0d70 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

  .i29dc {
    height: 220px;
  }
}

@media (min-width: 1024px) {
  .oc0d70 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

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

  .i29dc {
    height: 240px;
  }
}

.pdd3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

.ice {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.lf7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.h244eb {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
}

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

.cd4b {
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

.o4fc9c74 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1.5vw + 0.15rem, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.5;
}

.m9a256 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
}

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

@media (min-width: 768px) {
  .pdd3 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .pdd3 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

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

.j9fb .j1a0ef {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.j9fb .l1f79 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.j9fb 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;
}

.j9fb .o771cad {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  margin-bottom: var(--spacing-3xl);
  display: block;
}

.j9fb h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.j9fb p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.j9fb ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: var(--spacing-md);
}

.j9fb ul li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

.j9fb ul li:before {
  content: "•";
  position: absolute;
  left: var(--spacing-md);
  color: var(--color-primary);
  font-weight: bold;
}

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

.j9fb .a81c5dd6 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.j9fb .a81c5dd6 h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.j9fb .a81c5dd6 p {
  margin-bottom: var(--spacing-sm);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
}

.j9fb .a81c5dd6 strong {
  color: var(--color-primary);
  font-weight: 600;
}

@media (min-width: 768px) {
  .j9fb .l1f79 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .j9fb .j1a0ef {
    padding: 0 var(--spacing-lg);
  }

  .j9fb .l1f79 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.a7d2b3 {
  background-color: var(--color-bg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--spacing-md);
}

.eb54 {
  width: 100%;
  padding: var(--spacing-lg) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.j1a0ef {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.g9d68 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.e2173 {
  width: clamp(60px, 15vw, 100px);
  height: clamp(60px, 15vw, 100px);
  margin: 0 auto var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-success-light);
  border-radius: var(--radius-full);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.e2173 svg {
  width: 60%;
  height: 60%;
  color: var(--color-success);
  stroke-width: 2;
}

.g9d68 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

.mcb4 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
}

.d118ba4c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-md) 0;
}

.n42dbb {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-2xl) 0;
  font-style: italic;
}

.hd3 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  white-space: nowrap;
}

.pde40aa {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.pde40aa:active {
  transform: translateY(0);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .a7d2b3 {
    padding: var(--spacing-lg);
  }

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

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

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

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

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

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

@media (min-width: 1024px) {
  .a7d2b3 {
    padding: var(--spacing-xl);
  }

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

  .hd3 {
    padding: calc(var(--spacing-sm) + 2px) var(--spacing-xl);
  }
}

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

.h4799b4e {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

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

.l1f79 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.na16f {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
  padding: var(--spacing-xl) 0;
}

.oc185a2 {
  width: 100%;
  margin-bottom: var(--spacing-lg);
}

.l909 {
  position: relative;
  display: inline-block;
}

.n00454 {
  font-family: var(--font-heading);
  font-size: clamp(3rem, 15vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 2;
}

.f5e903 {
  position: absolute;
  width: clamp(100px, 20vw, 200px);
  height: clamp(100px, 20vw, 200px);
  background-color: var(--color-primary-light);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.15;
  z-index: 1;
  animation: float-decoration 6s ease-in-out infinite;
}

@keyframes float-decoration {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -55%) scale(1.05);
  }
}

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

.be1c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.01em;
}

.l31deb {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  font-weight: 400;
}

.a82026 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.45rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  font-weight: 400;
}

.p4f0 {
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-lg);
}

.hd3 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.5px;
}

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

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

.pde40aa:active {
  transform: translateY(0);
}

.e4fa1 {
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-2xl);
  border-top: 2px solid var(--color-border-light);
  width: 100%;
}

.f89c62 {
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.bf75b {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.bf75b li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  font-weight: 500;
}

.b206b228 {
  color: var(--color-primary);
  font-size: clamp(0.8rem, 1vw, 0.95rem);
}

@media (min-width: 480px) {
  .na16f {
    gap: var(--spacing-3xl);
    padding: var(--spacing-2xl) 0;
  }

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

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

@media (min-width: 768px) {
  .h4799b4e {
    padding: var(--spacing-lg);
  }

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

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

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

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

  .be1c {
    font-weight: 700;
  }

  .bf75b {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-md);
  }

  .bf75b li {
    justify-content: flex-start;
  }
}

@media (min-width: 1024px) {
  .na16f {
    gap: var(--spacing-4xl);
    padding: var(--spacing-4xl) 0;
  }

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

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

  .e4fa1 {
    margin-top: var(--spacing-3xl);
    padding-top: var(--spacing-3xl);
  }
}

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

.b29566b {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

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

.bd0b4 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

.bcb3ef4 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 700px;
}

@media (min-width: 768px) {
  .b29566b {
    padding: 4rem var(--spacing-lg);
  }

  .bd0b4 {
    font-size: clamp(2.25rem, 5vw, 3.5rem);
  }
}

@media (min-width: 1024px) {
  .b29566b {
    padding: 5rem var(--spacing-2xl);
  }

  .bd0b4 {
    font-size: clamp(2.5rem, 5vw, 4rem);
  }
}

.jfc {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.f224a {
  width: 100%;
}

.jb1f40 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  width: 100%;
}

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

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

.fdbeeb5a {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.h7c4 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.p578 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.k6a,
.eb04 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: all var(--transition-fast);
  box-sizing: border-box;
}

.k6a:focus,
.eb04:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.k6a::placeholder,
.eb04::placeholder {
  color: var(--color-text-muted);
}

.eb04 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.nadf {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  margin: var(--spacing-sm) 0 0 0;
  line-height: 1.6;
}

.n1ccce {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.m47 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 700;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-fast);
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.m47:active {
  transform: translateY(0);
}

.fe2ce7 {
  background-color: var(--color-bg-card);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  margin-bottom: 2rem;
}

.e62 {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1.5rem 0;
  letter-spacing: -0.5px;
}

.ecb88 {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 1.75rem;
  align-items: flex-start;
}

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

.f236 {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: 1.25rem;
}

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

.j7d {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  font-weight: 600;
  color: var(--color-text-secondary);
  margin: 0 0 0.25rem 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.c8b793 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 500;
  word-break: break-word;
}

.d37c {
  background-color: var(--color-bg-tertiary);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

.kf9fcd47 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.l5b9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 1.25rem 0;
  line-height: 1.7;
}

.c38 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw, 0.95rem);
  font-weight: 700;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.c38:hover {
  background-color: var(--color-primary-hover);
  transform: translateX(4px);
}

@media (min-width: 768px) {
  .jfc {
    padding: 4rem var(--spacing-lg);
  }

  .jb1f40 {
    gap: 4rem;
  }

  .h38673 {
    flex: 1 1 45%;
  }

  .db7279 {
    flex: 1 1 45%;
  }

  .fe2ce7 {
    padding: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .jfc {
    padding: 5rem var(--spacing-2xl);
  }

  .jb1f40 {
    gap: 5rem;
  }

  .h38673 {
    flex: 1 1 50%;
  }

  .db7279 {
    flex: 1 1 40%;
  }

  .ecb88 {
    gap: 1.5rem;
  }

  .f236 {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }

  .c38 {
    padding: 0.875rem 2rem;
  }
}

@media (min-width: 1440px) {
  .nb57,
  .f224a {
    max-width: 1440px;
    margin: 0 auto;
  }
}
.h86233,.k34bde{
  width: 34px;
}

/* FIX:nav .f4f5f38b */
.f4f5f38b{
  justify-content: flex-end;
}

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.b2b1{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .b2b1{
    max-width: 100%;
  }
}

/* FIX:zindex .b2b1.g7af */
.b2b1.g7af{
  z-index: 999;
}

/* FIX:navpad .n3a */
.n3a{
  padding-top: 50px;
}

/* FIX:toggle-expand .h86233 */
.h86233[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .n1732 {
    aspect-ratio: 6 / 9;
  }
  .h0a229a {
    aspect-ratio: 6 / 9;
  }
}