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

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

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

  --color-primary: #eab308;
  --color-primary-hover: #ca8a04;
  --color-primary-light: #f4d96f;
  --color-secondary: #facc15;
  --color-secondary-light: #fde68a;

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

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

  --font-primary: 'Commissioner', sans-serif;
  --font-heading: 'Fraunces', serif;

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

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

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

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

  
  --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;
  font-weight: 400;
}

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

h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
}

h2 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
}

h3 {
  font-size: clamp(1.5rem, 3vw, 2rem);
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

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

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

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

.b7650ad1 {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

button, .pc66dd {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  text-decoration: none;
  display: inline-block;
  text-align: center;
}

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

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

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

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

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

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

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

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

.l4640c84 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

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

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

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

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

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

input::placeholder {
  color: var(--color-text-muted);
}

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

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

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

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

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

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

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

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

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--spacing-lg);
}

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

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  button, .pc66dd {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 0.9rem;
  }
}

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  .b7650ad1 {
    padding: 0 var(--spacing-xs);
  }

  button, .pc66dd {
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: 0.875rem;
  }
}
.ib6a095 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  padding: var(--spacing-md) 0;
  position: relative;
  z-index: 100;
  overflow: hidden;
}

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

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

.l67:hover {
  opacity: 0.85;
}

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

.h32 {
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

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

.f541 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
}

.f541:hover {
  color: var(--color-accent);
  border-bottom-color: var(--color-accent);
}

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

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

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

.g0cf:hover {
  opacity: 0.7;
}

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

.g0cf.j5a7 span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

.g0cf.j5a7 span:nth-child(2) {
  opacity: 0;
}

.g0cf.j5a7 span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

.ef5 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: opacity var(--transition-base), visibility var(--transition-base), transform var(--transition-base);
  overflow-y: auto;
  padding-top: 5rem;
}

.ef5.j5a7 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.d5a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

.p03e01e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  padding: 1.25rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base), color var(--transition-base);
}

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

.e1d7036c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  text-decoration: none;
  background: var(--color-accent);
  padding: 1.25rem clamp(1rem, 3vw, 2rem);
  margin: var(--spacing-lg) clamp(1rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: block;
  text-align: center;
  transition: background var(--transition-base), transform var(--transition-base);
}

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

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

  .k1333 {
    display: block;
  }

  .g0cf {
    display: none;
  }

  .ef5 {
    display: none;
  }
}

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

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

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

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

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

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

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

.ge5a3024 {
  font-size: clamp(2.25rem, 6vw + 0.5rem, 4.5rem);
  font-weight: 900;
  line-height: 1.1;
  color: var(--color-text-primary);
}

.m108f {
  display: block;
  color: var(--color-text-secondary);
  font-weight: 400;
  font-size: 0.6em;
}

.m64 {
  display: block;
  color: var(--color-accent);
}

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

.j728d {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

.pc66dd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

.p3d {
  flex: 0 0 45%;
  min-height: 300px;
}

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

.be6 {
  flex: 0 0 55%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

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

.c9bf7ddb {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  width: fit-content;
}

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

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

  .p3d {
    flex: 0 0 100%;
    min-height: 250px;
  }

  .be6 {
    flex: 0 0 100%;
  }
}

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

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

.ncfd {
  flex: 0 0 45%;
  min-height: 400px;
}

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

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

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

.k2f348 {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}

.ce2b1 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: flex-start;
}

.pf0826 {
  font-size: 1.75rem;
  color: var(--color-accent);
  flex: 0 0 auto;
  margin-top: 0.25rem;
}

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

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

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

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

  .ncfd {
    flex: 0 0 100%;
    min-height: 250px;
  }

  .j473e {
    flex: 0 0 100%;
  }
}

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

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

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

.i18ac {
  position: relative;
  padding: 2rem 0;
}

.kdfec14 {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
  transform: translateX(-50%);
}

.eb18f1b {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  position: relative;
  z-index: 1;
}

.ed4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.ed4:nth-child(odd) {
  align-items: flex-start;
  padding-right: 50%;
}

.ed4:nth-child(even) {
  align-items: flex-end;
  padding-left: 50%;
}

.c4d {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-weight: 700;
  font-size: 0.875rem;
}

.ccf7c59 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 400px;
  text-align: center;
}

@media (max-width: 768px) {
  .kdfec14 {
    left: 20px;
  }

  .ed4:nth-child(odd),
  .ed4:nth-child(even) {
    align-items: flex-start;
    padding-left: 80px;
    padding-right: 0;
  }

  .c4d {
    left: 20px;
  }

  .ccf7c59 {
    text-align: left;
  }
}

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

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

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

.dd7a9f8 {
  position: relative;
  padding: 2rem 0;
}

.mbf6 {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  background: var(--color-accent);
  transform: translateY(-50%);
}

.c61344e8 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 3vw, 2rem);
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.f7c060 {
  flex: 1 1 22%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.d2a0 {
  width: 50px;
  height: 50px;
  background: var(--color-bg-secondary);
  border: 3px solid var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-weight: 700;
  font-size: 0.875rem;
  text-align: center;
  padding: 0.5rem;
}

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

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

  .mbf6 {
    left: 25px;
    top: 0;
    bottom: 0;
    height: auto;
    width: 2px;
  }

  .f7c060 {
    flex: 0 0 auto;
    align-items: flex-start;
    padding-left: 80px;
  }

  .d2a0 {
    position: absolute;
    left: 0;
  }
}

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

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

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

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

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

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

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

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

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

  .od6 {
    flex: 0 0 100%;
  }
}

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

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

.m0fb09 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  max-width: 700px;
}

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

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

.f02 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

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

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

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

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

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

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

.oc892877 {
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: clamp(1rem, 3vw, 1.75rem);
  transition: all var(--transition-base);
}

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

.n9bc981f {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-sm);
}

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

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

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

.d10fb8c {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  width: fit-content;
}

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

.b41a {
  text-align: center;
  padding-top: 1rem;
}

.l4032e4 {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  transition: all var(--transition-base);
}

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

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

.kffe4c.h20 {
  display: none;
}

.g7dea941 {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  flex: 1 1 auto;
  min-width: 250px;
}

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

.pd6f5335,
.d5223e7 {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-family: var(--font-primary);
  transition: all var(--transition-base);
}

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

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

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

.d5223e7:hover {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
}

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

  .g7dea941 {
    min-width: 100%;
  }

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

  .pd6f5335,
  .d5223e7 {
    flex: 1;
  }

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

  .pc66dd {
    width: 100%;
  }

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

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

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

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

.d41 {
  display: block;
}

.d41 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.375rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
}

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

.ocad,
.c915e1,
.l951c {
  display: block;
}

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

.bce76ac,
.d51ca {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.bce76ac li,
.d51ca li {
  display: block;
}

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

.ocad a:hover,
.l951c a:hover {
  color: var(--color-accent);
}

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

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

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

.c59759c8 {
  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) {
  .mb1d9 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2.5rem, 5vw, 4rem);
  }

  .d41 {
    grid-column: 1 / -1;
  }

  .j30 {
    grid-column: 1 / -1;
  }

  .ocad,
  .c915e1,
  .l951c {
    display: block;
  }

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

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

  .d41 {
    grid-column: 1 / 2;
  }

  .j30 {
    grid-column: 1 / -1;
  }

  .ocad,
  .c915e1,
  .l951c {
    display: block;
  }
}
    

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

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

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

.gddc {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-xl);
  padding: clamp(2rem, 5vw, 3.5rem);
  box-shadow: var(--shadow-lg);
}

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

.l335 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.d6307 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 3vw, 2rem);
  justify-content: center;
  flex-wrap: wrap;
  padding-top: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid var(--color-border-light);
}

.fa466e5e,
.g53 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

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

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

.j422a7 {
  text-align: center;
}

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

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

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

.d2271cc {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  transition: all var(--transition-base);
  align-items: stretch;
}

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

.mb6b6a7 {
  flex: 0 0 100%;
  min-height: 250px;
  max-height: 300px;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

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

.kbf55dd {
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.gc92529 i,
.hcb i,
.d81c75 i {
  color: var(--color-accent);
  font-size: 0.95em;
}

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

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

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

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

.i2ffbef7 {
  text-align: center;
}

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

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

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

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

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

.c5b7d {
  flex-shrink: 0;
  width: clamp(3rem, 5vw, 4rem);
  height: clamp(3rem, 5vw, 4rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
}

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

.f9c8ed {
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .mb6b6a7 {
    flex: 0 0 35%;
    min-height: 280px;
    max-height: 350px;
  }

  .bddca45 {
    flex: 1;
    justify-content: space-between;
  }
}

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

  .mb6b6a7 {
    flex: 0 0 40%;
    min-height: 300px;
    max-height: 400px;
  }

  .bddca45 {
    flex: 1;
  }

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

  .b2a706 {
    flex: 1 1 calc(33.333% - 2rem);
    min-width: 280px;
    flex-direction: column;
  }
}

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

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

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

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

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

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

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

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

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

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

.g37377b > span:last-child {
  color: var(--color-accent);
  font-weight: 500;
}

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

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

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

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

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

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

.g3cc49 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

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

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

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

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

.g12 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

.gd6d9 p {
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

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

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

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

.k4ce,
.ncd7c7 {
  background: var(--color-bg-primary);
}

.p89a2,
.k2b7d55,
.l416b6,
.bb8,
.c9d6 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.nac,
.b142be,
.df247,
.f37b23,
.f8f0 {
  flex: 1 1 50%;
  max-width: 50%;
}

.fdd0,
.ca16f9,
.pfaf152,
.k795,
.m37db {
  flex: 1 1 50%;
  max-width: 50%;
}

.fdd0 img,
.ca16f9 img,
.pfaf152 img,
.k795 img,
.m37db img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

.f10d77,
.de2,
.e4d6,
.d85,
.af008 {
  font-family: var(--font-heading);
  font-size: clamp(1.375rem, 3vw + 0.5rem, 2.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.k4ce .de2,
.ncd7c7 .d85 {
  color: var(--color-text-primary);
}

.e03934 .nac p,
.k4ce .b142be p,
.if42 .df247 p,
.ncd7c7 .f37b23 p,
.m1c564ae .f8f0 p {
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1.0625rem);
  line-height: 1.8;
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
}

.e03934 .nac p,
.if42 .df247 p,
.m1c564ae .f8f0 p {
  color: var(--color-text-secondary);
}

.k4ce .b142be p,
.ncd7c7 .f37b23 p {
  color: var(--color-text-secondary);
}

.l61 {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 5vw, 3.5rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

.d60 p {
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

.j0f9d12 {
  text-align: center;
}

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

.k6d {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1023px) {
  .p89a2,
  .k2b7d55,
  .l416b6,
  .bb8,
  .c9d6 {
    flex-direction: column;
  }

  .nac,
  .b142be,
  .df247,
  .f37b23,
  .f8f0 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .fdd0,
  .ca16f9,
  .pfaf152,
  .k795,
  .m37db {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

@media (max-width: 640px) {
  .d522de {
    gap: 1rem;
  }

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

  .k7e {
    align-items: center;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n2aaaa {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  max-width: 90%;
}

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

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

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

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

.a15 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

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

.j734a {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  overflow: hidden;
  min-height: 300px;
}

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

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

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

.ccd8 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  overflow: hidden;
  min-height: 350px;
}

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

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

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

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

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

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

.g08 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  line-height: 1.2;
}

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

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

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

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

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

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

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

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

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

.lbb2ef1 em {
  color: var(--color-text-primary);
  font-style: italic;
  font-weight: 600;
}

.n92bde {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  overflow: hidden;
  min-height: 350px;
}

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

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

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

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

.d2791 {
  flex: 1;
}

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

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

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

.fb93fc {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  overflow: hidden;
  min-height: 350px;
}

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

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

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

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

.b50dbfb {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
}

.l7f {
  flex: 1 1 calc(33.333% - 0.75rem);
  min-width: 150px;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.d6914 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0;
}

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

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

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

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

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

.h5edd7 {
  padding: clamp(2rem, 3vw, 2.5rem);
  background: var(--color-bg-tertiary);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  border-left: 4px solid var(--color-accent);
}

.a1d0871e {
  font-size: clamp(0.95rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0 0 1rem 0;
  font-style: italic;
}

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

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

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

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

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

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

.b84f632e {
  flex: 1 1 calc(33.333% - 1.75rem);
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-secondary);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

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

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

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

.b84f632e:hover .bf8392 {
  transform: scale(1.05);
}

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

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

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

.if1b {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-top: 0.5rem;
  transition: var(--transition-base);
}

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

@media (max-width: 1024px) {
  .ab32fc11,
  .oa9b,
  .l9a5,
  .k35 {
    flex-direction: column;
  }

  .bb922,
  .j734a,
  .ccd8,
  .b1960,
  .n92bde,
  .i20f5dc,
  .fb93fc,
  .ob9e0 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l7f {
    flex: 1 1 calc(50% - 0.5rem);
  }
}

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

  .j734a,
  .ccd8,
  .n92bde,
  .fb93fc {
    min-height: 250px;
  }

  .b50dbfb {
    flex-direction: column;
  }

  .l7f {
    flex: 1 1 100%;
  }

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

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

  .o3f {
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

.n01e1fde i {
  color: var(--color-accent);
  width: 16px;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.m5c8 a:hover {
  text-decoration: underline;
}

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

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

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

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

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

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

.b6192817 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: 300px;
}

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

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

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

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

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

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

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

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

.p871c89,
.m0ef {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: 300px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.e3012 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.15rem);
  line-height: 1.6;
  font-weight: 500;
  margin: 0;
}

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

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

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

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

.hd47a7 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  margin: 0;
}

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

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

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

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

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

.ce6eb8:hover .e21bd91 img {
  transform: scale(1.05);
}

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

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

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

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

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

@media (max-width: 1023px) {
  .g68,
  .md3c2fbd,
  .c528,
  .k690e,
  .ocf361c4 {
    flex-direction: column;
  }

  .neda66,
  .b6192817,
  .a77ca9,
  .a1693,
  .p871c89,
  .m0ef {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .k58 {
    gap: 1rem;
  }

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

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

  .k361a782 {
    flex-direction: column;
  }

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

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

  .nb6 {
    margin-top: 0;
  }
}

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

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

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

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

  .pc00 a {
    color: var(--color-accent);
    text-decoration: none;
    transition: all 0.3s ease;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

  .ba4a1 {
    color: var(--color-text-secondary);
    font-weight: 500;
  }

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

  .jd80622 {
    font-size: clamp(1rem, 2vw, 1.25rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0;
    max-width: 800px;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

  .fed4e0 {
    flex: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .aa22c,
    .kd9 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

  .dcf {
    font-family: var(--font-heading);
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    color: var(--color-accent);
    flex-shrink: 0;
    line-height: 1;
  }

  .l05f39 {
    flex: 1;
  }

  .pa650d {
    font-family: var(--font-heading);
    font-size: clamp(1.1rem, 2vw, 1.35rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 0.5rem 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

    .la6,
    .o72e750 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

    .laed6c,
    .cd0 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

  .a7f415 {
    background: var(--color-bg-tertiary);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: var(--radius-md);
  }

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

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

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

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

    .b958,
    .df289b {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

  .ff27 {
    flex: 1;
  }

  .odb21 {
    font-family: var(--font-heading);
    font-size: clamp(1.1rem, 2vw, 1.35rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 0.5rem 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  .l1fb88 {
    font-family: var(--font-heading);
    font-size: clamp(1.75rem, 5vw, 2.75rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  .ifb9a {
    font-family: var(--font-heading);
    font-size: clamp(1.75rem, 5vw, 2.75rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
    text-align: center;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .k480dc4 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.75rem));
    min-width: 280px;
    max-width: 400px;
    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 0.3s ease;
  }

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

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

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

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

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

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

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

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

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

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

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

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

    .ofe1b,
    .fa232ba,
    .c53ae3ee,
    .g66af8ff,
    .g27a,
    .j6035 {
      padding: clamp(2rem, 5vw, 3rem) 0;
    }

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

    .f69250 {
      width: 60px;
      height: 60px;
    }
  }

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

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

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

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

.d7172 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  width: 100%;
}

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

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

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

.b61f4d72 {
  text-align: center;
}

.b61f4d72 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.kb03e0e4 {
  width: 100%;
  max-height: 450px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

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

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

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

.iad46b {
  text-align: center;
}

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

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

.iee {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 750px;
  margin: 0 auto;
}

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

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

.j5f h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 2.5vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 700;
}

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

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

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

.f8fa8 {
  text-align: center;
}

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

.lf1de {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

.ofb4 {
  flex: 1;
  padding-top: clamp(0.5rem, 1vw, 1rem);
}

.ofb4 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 700;
}

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

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

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

.eea3f3c {
  text-align: center;
}

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

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

.k787d {
  flex: 1 1 clamp(250px, 100%, 320px);
  background: var(--color-bg-primary);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-top: 3px solid var(--color-accent);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.k787d:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(234, 179, 8, 0.15);
}

.d05b {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
}

.k787d h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 700;
}

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

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

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

.k4e4 {
  text-align: center;
}

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

.bb5c2880 {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

.h7058943 {
  width: 100%;
  max-height: 400px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

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

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

.dd9 p {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.dd9 strong {
  color: var(--color-accent);
  font-weight: 600;
}

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

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

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

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

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

.ae4e4 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 800px;
}

@media (max-width: 768px) {
  .d96ce {
    flex-direction: column;
    align-items: flex-start;
  }

  .nd635 {
    width: 60px;
    height: 60px;
    font-size: 1.75rem;
  }

  .k787d {
    flex: 1 1 100%;
  }

  .d0efcd {
    gap: 1.5rem;
  }

  .mb4b1a {
    flex-direction: row;
  }
}

@media (max-width: 480px) {
  .lf333,
  .f016a,
  .b0b80,
  .n648,
  .m6baa,
  .pb0a6339 {
    gap: 1.5rem;
  }

  .b61f4d72 h1,
  .pc2e35,
  .d4b8,
  .mb94a,
  .h84521 {
    font-size: 1.5rem;
  }

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

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

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

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

.p40f33bf {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

.fe82 {
  flex: 1 1 45%;
  min-height: 300px;
}

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

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

.l101 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  width: fit-content;
}

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

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

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

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

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

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

.efbf {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  width: fit-content;
  margin: 0 auto;
}

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

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

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

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

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

.a080126 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.a476c0 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

.ab05 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

.l1a8d0a5 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  line-height: 1;
  height: 60px;
  display: flex;
  align-items: center;
}

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

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

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

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

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

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

.o652 {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 200px;
  max-width: 300px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.d5f44f {
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  font-weight: 600;
}

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

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

.h45f1aef {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  font-style: italic;
  font-weight: 600;
  margin: 0;
}

.l5c8b {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  margin: 0;
}

.g5ce2 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

.gec3983 {
  padding: clamp(2.5rem, 5vw, 4rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-accent);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

.cecc {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

  .beebe340 {
    flex: 1 1 100%;
  }

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

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

  .h8fb9d1f {
    flex-direction: column;
  }

  .mba1d,
  .c365 {
    width: 100%;
    text-align: center;
  }
}

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

  .o652 {
    flex: 1 1 calc(50% - 1.25rem);
  }
}

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

  .o652 {
    flex: 1 1 calc(50% - 1.25rem);
  }
}

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

.k9e72 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.j4bc1 {
  max-width: 600px;
  width: 100%;
}

.f950 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
  font-weight: 600;
}

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

@media (min-width: 768px) {
  .k9e72 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 320px;
  }
}

@media (min-width: 1024px) {
  .k9e72 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    min-height: 360px;
  }
}

.h67 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
}

.l645d0 {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.m4c3189e {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .m4c3189e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .m4c3189e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

.ned5794 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.j79 {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.75rem;
}

.o1b74c7 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
  font-weight: 600;
}

.g234 {
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.pa8b {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.pa8b li {
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

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

.e326 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

.g172 {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}

.i3c6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
  font-weight: 600;
}

.oa955e86 {
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.p144f {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
}

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

@media (min-width: 768px) {
  .e326 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .e326 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.f0e3eefa {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.h1c {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.m39a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
  font-weight: 600;
}

.gdcb5db {
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.g2709d35 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.m7ed {
  color: var(--color-primary);
  text-decoration: none;
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 500;
  transition: color var(--transition-fast);
  display: inline-block;
}

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

@media (min-width: 768px) {
  .f0e3eefa {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .f0e3eefa {
    padding: var(--spacing-2xl) var(--spacing-2xl);
  }
}

@media (min-width: 1440px) {
  .l645d0,
  .g172,
  .h1c {
    max-width: 1200px;
  }
}

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

.d1c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.j644 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.ad9e4 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  font-weight: 400;
}

@media (min-width: 768px) {
  .d1c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .d1c {
    padding: 5rem var(--spacing-xl);
  }
}

.p71115 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.l9e8 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .p71115 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .p71115 {
    padding: 5rem var(--spacing-xl);
  }

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

.c10cfee {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: var(--shadow-sm);
}

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

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

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

.c10cfee:hover .kc41e4a img {
  transform: scale(1.05);
}

.ed1 {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.m548 {
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
}

.j8ef0bfe {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.3;
}

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

.p48f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.p03063cb {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.aecd9865 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.db9d1 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  display: inline-block;
}

.db9d1:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.db9d1:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .p48f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .p48f {
    padding: 5rem var(--spacing-xl);
  }
}

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

.h604 .b7650ad1 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.h604 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  margin-top: var(--spacing-3xl);
  line-height: 1.2;
}

.h604 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.h604 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.a8c2 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  font-style: italic;
}

.h604 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.h604 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.h604 .gf8d6 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-2xl);
}

.h604 .gf8d6 h2 {
  margin-top: 0;
}

.h604 .gf8d6 p {
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .h604 .b7650ad1 {
    padding: 0 var(--spacing-lg);
  }

  .h604 h1 {
    margin-top: var(--spacing-3xl);
  }

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

@media (min-width: 1024px) {
  .h604 .b7650ad1 {
    padding: 0 var(--spacing-xl);
  }

  .h604 .cd1 {
    max-width: 800px;
  }
}

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

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  overflow-x: hidden;
}

.o80 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--spacing-md) 0;
}

.m008519 {
  width: 100%;
  padding: var(--spacing-2xl) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.d46 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.a2e1695 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--spacing-2xl) var(--spacing-md);
}

.n126 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin-bottom: var(--spacing-lg);
  border-radius: var(--radius-full);
  background-color: var(--color-primary-light);
}

.n126 i {
  font-size: clamp(2.5rem, 8vw, 3.5rem);
  color: var(--color-primary);
}

.ndee1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.jd399 {
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
}

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

.p55 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.8;
}

.pc66dd {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  border: 2px solid transparent;
  cursor: pointer;
  transition: var(--transition-base);
  letter-spacing: 0.3px;
}

.ifb57 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.ifb57:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.ifb57:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.ifb57:active {
  transform: translateY(0);
}

.j237 {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(1rem, 1.1vw + 0.5rem, 1.15rem);
}

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

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

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

  .n126 {
    width: 100px;
    height: 100px;
    margin-bottom: var(--spacing-xl);
  }

  .n126 i {
    font-size: clamp(3rem, 8vw, 4rem);
  }

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

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

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

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

@media (min-width: 1024px) {
  .m008519 {
    padding: var(--spacing-3xl) 0;
  }

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

  .n126 {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-2xl);
  }

  .n126 i {
    font-size: 4rem;
  }

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

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

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

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

@media (max-width: 480px) {
  .a2e1695 {
    padding: var(--spacing-xl) var(--spacing-sm);
  }

  .n126 {
    width: 70px;
    height: 70px;
    margin-bottom: var(--spacing-md);
  }

  .n126 i {
    font-size: 2.5rem;
  }

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

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

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

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

  .j237 {
    width: 100%;
  }
}

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

html,
body {
  width: 100%;
  height: 100%;
}

.hfb2 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  width: 100%;
}

.ecd5a050 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.d46 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.g75524 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
  animation: float 3s ease-in-out infinite;
}

.p5658a {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 6rem);
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: -0.02em;
  line-height: 1;
}

.a76a {
  width: clamp(120px, 25vw, 200px);
  height: clamp(120px, 25vw, 200px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.a76a svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.08));
}

.hc4ef6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.3;
  margin: 0;
}

.i751 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  max-width: 650px;
}

.c136dc {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

.l1630 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.3vw, 1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0;
  font-style: italic;
}

.od6a886b {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  transition: all var(--transition-base);
  cursor: pointer;
  box-shadow: var(--shadow-md);
  margin: var(--spacing-md) 0;
}

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

.od6a886b:active {
  transform: translateY(0);
}

.jb809c8 {
  width: 100%;
  margin-top: var(--spacing-lg);
}

.p7337f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
}

.o870ea4 {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-sm);
  margin: 0;
  padding: 0;
}

.o870ea4 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
  transition: all var(--transition-base);
}

.o870ea4 li:hover {
  background-color: var(--color-bg-card);
  transform: translateX(4px);
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
}

@media (min-width: 768px) {
  .ecd5a050 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

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

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

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

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

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

@media (min-width: 1024px) {
  .ecd5a050 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    min-height: 100vh;
  }

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

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

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

  .o870ea4 li {
    padding: var(--spacing-md) var(--spacing-lg);
  }
}

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

.n9cf4 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.ja12 {
  text-align: center;
}

.dc65feb {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.b3eedf24 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .n9cf4 {
    padding: 5rem 0;
  }
}

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

.e6f {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.ffc93 {
  width: 100%;
}

.i7e {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

.l96 {
  flex: 1 1 100%;
}

.if54 {
  flex: 1 1 100%;
}

.i7c9 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 700;
}

.nad6 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.d2c1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.f2bfdc {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-primary);
  font-weight: 600;
  letter-spacing: 0.01em;
}

.f733,
.i88 {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  line-height: 1.5;
  transition: var(--transition-base);
}

.f733::placeholder,
.i88::placeholder {
  color: var(--color-text-muted);
}

.f733:focus,
.i88:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.i88 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

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

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

.c43888a0 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: var(--transition-fast);
  border-bottom: 1px solid var(--color-primary);
}

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

.k538d2 {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition-base);
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

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

.k538d2:active {
  transform: translateY(0);
}

.ke9a {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xl) 0;
  font-weight: 700;
}

.ja28 {
  display: flex;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
  border-bottom: 1px solid var(--color-border-light);
}

.ja28:last-of-type {
  border-bottom: none;
  margin-bottom: var(--spacing-2xl);
  padding-bottom: 0;
}

.md887 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.k85 {
  flex: 1;
}

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

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

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

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

.de1 {
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
}

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

.l11 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.e3f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: var(--spacing-lg);
  position: relative;
}

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

@media (min-width: 768px) {
  .e6f {
    padding: 5rem 0;
  }

  .l96 {
    flex: 1 1 calc(50% - var(--spacing-3xl) / 2);
  }

  .if54 {
    flex: 1 1 calc(50% - var(--spacing-3xl) / 2);
  }
}

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

.e58f416 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.k1ba06 {
  text-align: center;
}

.g2924 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.p28849 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-lg) 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.b01f {
  display: inline-block;
  font-family: var(--font-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  transition: var(--transition-base);
  letter-spacing: 0.01em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .e58f416 {
    padding: 4rem 0;
  }
}

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

@media (max-width: 640px) {
  .i7e {
    gap: var(--spacing-2xl);
  }

  .de1 {
    margin-top: var(--spacing-xl);
    padding-top: var(--spacing-xl);
  }
}
.g0cf,.a1038c{
  width: 34px;
}

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

.ef5{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .ef5{
    max-width: 100%;
  }
}

.ef5.j5a7{
  z-index: 999;
}

.db65a84{
  padding-top: 50px;
}

.g0cf[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .n9bc981f {
    aspect-ratio: 6 / 9;
  }
}