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

:root {
  --color-bg-primary: #fffaf0;
  --color-bg-secondary: #fff5e6;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #431407;
  --color-text-secondary: #7c2d12;
  --color-text-muted: #c2410c;

  --color-primary: #9a3412;
  --color-primary-hover: #7c2d12;
  --color-primary-light: #d97706;
  --color-secondary: #ea580c;
  --color-secondary-light: #f97316;

  --color-success: #16a34a;
  --color-success-light: #bbf7d0;
  --color-warning: #d97706;
  --color-warning-light: #fef08a;
  --color-danger: #dc2626;
  --color-danger-light: #fecaca;

  --color-border: #e7d5c8;
  --color-border-light: #f5ede6;

  --font-primary: 'Figtree', sans-serif;
  --font-heading: 'Urbanist', sans-serif;

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

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

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

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

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

  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.02em;

  
  --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: #ffffff;
}

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

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

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-normal);
}

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

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

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

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

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

h4 {
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 600;
}

h5 {
  font-size: 1.125rem;
  font-weight: 600;
}

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

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

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

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

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

.d08b74 {
  background: var(--color-primary);
  color: var(--color-bg-primary);
  box-shadow: var(--shadow-md);
}

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

.e5ef {
  background: var(--color-secondary);
  color: var(--color-bg-primary);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

code, pre {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  padding: var(--spacing-xs) var(--spacing-sm);
  color: var(--color-text-secondary);
  font-size: 0.875rem;
}

pre {
  padding: var(--spacing-md);
  overflow-x: auto;
  line-height: var(--line-height-normal);
}

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

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

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

table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--spacing-lg) 0;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

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

th, td {
  padding: var(--spacing-md);
  text-align: left;
  border-bottom: 1px solid var(--color-border-light);
}

th {
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

svg {
  display: inline-block;
  vertical-align: middle;
}

.mb39a11 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

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

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

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

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

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

.aa8183 {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-lg);
  border-left: 4px solid;
}

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

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

.cd1 {
  background: var(--color-danger-light);
  border-color: var(--color-danger);
  color: var(--color-danger);
}

.j623bced {
  background: rgba(59, 130, 246, 0.1);
  border-color: #3b82f6;
  color: #1e40af;
}

.p4b3 {
  display: grid;
  gap: var(--spacing-lg);
}

.lfa {
  grid-template-columns: 1fr;
}

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

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

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

.a7c5 {
  display: flex;
}

.f07f4 {
  flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ff9428c {
  text-align: center;
}

.g0d2f3 {
  text-align: right;
}

.k013a48e {
  text-align: left;
}

.p3063 {
  font-size: 0.875rem;
}

.gd10 {
  font-size: 1.125rem;
}

.d14cb582 {
  font-size: 1.25rem;
}

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

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

.ia1e12 {
  font-weight: 600;
}

.a2f3 {
  font-weight: 700;
}

.g3f08e37 {
  text-decoration: underline;
}

.gce9fcf {
  opacity: 0.5;
}

.c6f {
  opacity: 0.75;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.dbe2e {
  cursor: pointer;
}

.g05 {
  cursor: default;
}

.de227cf6 {
  user-select: none;
}

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

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

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

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

  h1 {
    font-size: 2.25rem;
  }

  h2 {
    font-size: 1.875rem;
  }
}

@media (max-width: 640px) {
  .baf6d, .o89b9, .pd65a258 {
    grid-template-columns: 1fr;
  }

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

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

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  button, .n4bd8e {
    width: 100%;
  }

  table {
    font-size: 0.875rem;
  }

  th, td {
    padding: var(--spacing-sm);
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@media (prefers-color-scheme: dark) {
  body {
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
  }
}

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

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }
}

.p31 {
  animation: fadeIn var(--transition-base);
}

.j0bc5f6 {
  animation: slideUp var(--transition-base);
}

.b5b1 {
  animation: slideDown var(--transition-base);
}

.f00b {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.e88cdb {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 1000;
}

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

.d2f9c {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  flex-shrink: 0;
}

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

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

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

.n60421 {
  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;
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius-sm);
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

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

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

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

.d08b.g27f3b17 span:nth-child(2) {
  opacity: 0;
}

.d08b.g27f3b17 span:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

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

.ob34d84.g27f3b17 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

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

.lf98 {
  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: all var(--transition-base);
}

.lf98:active {
  color: var(--color-accent);
}

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

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

.hdd:active {
  color: var(--color-accent);
}

.i6a {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  border-radius: var(--radius-md);
  margin: clamp(1rem, 4vw, 1.5rem);
  transition: all var(--transition-base);
  flex-shrink: 0;
}

.i6a:active {
  background: var(--color-accent-hover);
  transform: scale(0.98);
}

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

  .h3c5 {
    display: block;
  }

  .d08b {
    display: none;
  }

  .ob34d84 {
    display: none;
  }
}

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

  .n60421 {
    font-size: 1rem;
    padding: 0.75rem 1rem;
  }

  .h3c5 {
    padding: 0.875rem 2rem;
    font-size: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .n60421,
  .h3c5,
  .d08b span,
  .lf98,
  .hdd,
  .i6a,
  .ob34d84 {
    transition: none;
  }

  .h3c5:hover {
    transform: none;
  }
}

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

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

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

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

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

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

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

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

.n4bd8e {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  transition: all var(--transition-base);
  text-align: center;
  white-space: nowrap;
  border: none;
  cursor: pointer;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.a508 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 50% 40% 45% 55% / 40% 50% 55% 45%;
  box-shadow: var(--shadow-lg);
}

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

  .i6346e4,
  .ab5e6cc {
    flex: 1 1 100%;
  }

  .ab5e6cc {
    min-height: 250px;
  }

  .a508 {
    max-height: 350px;
  }
}

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

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

.o92c616c {
  text-align: center;
}

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

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

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

.e74f {
  flex: 1 1 22%;
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  text-align: center;
  transition: all var(--transition-base);
}

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

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

.hed83 {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.jc32 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  margin: 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 1023px) {
  .e74f {
    flex: 1 1 45%;
  }
}

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

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

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

.he6 {
  text-align: center;
}

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

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

.ef403 {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  min-height: 400px;
  box-shadow: var(--shadow-lg);
}

.dadc8e {
  position: relative;
  width: 100%;
  height: 100%;
}

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

.kd2de647 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
}

.pa555 {
  color: #ffffff;
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l9bce8 {
  color: rgba(255,255,255,0.9);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  margin: 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n4eca {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
  display: inline-block;
  width: fit-content;
}

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

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

.i240 {
  flex: 1 1 45%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

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

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

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

.mdf06f1e {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
  display: inline-block;
  width: fit-content;
}

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

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

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

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

.ledf6a {
  text-align: center;
}

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

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

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

.d8109 {
  padding: clamp(1.5rem, 2vw, 2rem);
  border-left: 4px solid var(--color-accent);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

.o33b7cf9 {
  text-align: center;
  padding-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.l07dfc {
  text-align: center;
}

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

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

.ke35ffd {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: stretch;
  padding: clamp(1rem, 2vw, 1.5rem) 0;
}

.ke35ffd::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--color-border-light);
  z-index: 0;
}

.ob2f {
  flex: 1 1 25%;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.c1f8 {
  background: var(--color-bg-secondary);
  border: 3px solid var(--color-accent);
  width: clamp(80px, 8vw, 120px);
  height: clamp(80px, 8vw, 120px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  flex-shrink: 0;
}

.p15623 {
  color: var(--color-accent);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

.b55ab6d7 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  margin: 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .ke35ffd::before {
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    transform: translateX(-50%);
  }

  .ob2f {
    flex: 1 1 100%;
    padding-left: clamp(1.5rem, 3vw, 2rem);
    align-items: flex-start;
    text-align: left;
  }

  .c1f8 {
    margin-bottom: 0;
    position: absolute;
    left: -12%;
    transform: translateX(-50%);
  }

  .b4029 {
    margin-top: clamp(0.5rem, 1vw, 1rem);
  }
}

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

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

.c2e3c3e8 {
  text-align: center;
}

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

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

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

.k9764b91 {
  flex: 1 1 32%;
  min-width: 250px;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  aspect-ratio: 4/3;
  transition: all var(--transition-base);
}

.d48 {
  transform: rotate(-2deg) translateY(-10px);
}

.o2f {
  transform: rotate(1deg) translateY(5px);
  z-index: 2;
}

.n374 {
  transform: rotate(-1deg) translateY(-5px);
}

.k9764b91:hover {
  transform: rotate(0deg) translateY(-15px) !important;
  box-shadow: var(--shadow-xl);
}

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

@media (max-width: 1023px) {
  .k9764b91 {
    flex: 1 1 48%;
  }

  .d48 {
    transform: rotate(0deg) translateY(0px);
  }

  .o2f {
    transform: rotate(0deg) translateY(0px);
    z-index: 1;
  }

  .n374 {
    transform: rotate(0deg) translateY(0px);
  }
}

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

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

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

.o87ff {
  text-align: center;
}

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

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

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

.b9f3f0 {
  flex: 1 1 22%;
  min-width: 200px;
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all var(--transition-base);
  border-top: 4px solid;
}

.f011d {
  background: var(--color-bg-card);
  border-top-color: #9a3412;
}

.hf87 {
  background: var(--color-bg-card);
  border-top-color: #ea580c;
}

.c04 {
  background: var(--color-bg-card);
  border-top-color: #c2410c;
}

.mf15298a {
  background: var(--color-bg-card);
  border-top-color: #7c2d12;
}

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

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

.pc9e {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  margin: 0;
  line-height: var(--line-height-normal);
  flex-grow: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (max-width: 1023px) {
  .b9f3f0 {
    flex: 1 1 45%;
  }
}

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

.nab81a {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: #1e293b;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
}

.nab81a.dfbe77bc {
  display: none;
}

.df248 {
  color: #f1f5f9;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
  line-height: var(--line-height-normal);
}

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

.ee4a9e8:hover {
  opacity: 0.8;
}

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

.od5d,
.kcbade {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-sm);
  border: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

.kcbade:hover {
  border-color: rgba(255,255,255,0.6);
  background: rgba(255,255,255,0.1);
}

@media (max-width: 767px) {
  .nab81a {
    flex-direction: column;
    align-items: stretch;
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }

  .df248 {
    min-width: 100%;
  }

  .h2547 {
    width: 100%;
    justify-content: stretch;
  }

  .od5d,
  .kcbade {
    flex: 1 1 auto;
  }
}

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

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

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

.oddd {
  max-width: 480px;
}

.oddd h3,
.hea5 h3,
.n883a h3,
.cca1 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: var(--letter-spacing-tight);
}

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

.hea5,
.n883a,
.cca1 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ibeccca {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.75rem);
}

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

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

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

.ne3469 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.75rem);
}

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

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

.p6f4c42f {
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: var(--line-height-normal);
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .i7ba2aab {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2.5rem, 5vw, 4rem);
    align-items: start;
  }

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

  .hea5,
  .n883a,
  .cca1 {
    display: flex;
    flex-direction: column;
  }

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

@media (min-width: 1024px) {
  .i7ba2aab {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: clamp(3rem, 6vw, 4.5rem);
    align-items: start;
  }

  .oddd {
    grid-column: 1;
  }

  .hea5 {
    grid-column: 2;
  }

  .n883a {
    grid-column: 3;
  }

  .cca1 {
    grid-column: 4;
  }

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

  .ibeccca,
  .ne3469 {
    flex-direction: column;
    gap: 0.75rem;
  }

  .dd2 {
    display: block;
  }
}

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

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

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

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

.i9e4 {
  text-align: center;
}

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

.i0e0b2 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ffbb {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.pa9 {
  text-align: center;
}

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

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

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

.c860d9 {
  flex: 1 1 clamp(280px, 100%, 380px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  padding: clamp(1rem, 3vw, 1.75rem);
}

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

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

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

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

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

.k1d46,
.kad13,
.n9478 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k1d46 i,
.kad13 i,
.n9478 i {
  color: var(--color-accent);
  font-size: clamp(0.8rem, 1vw, 1rem);
}

.h703 {
  color: var(--color-accent);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
  margin-top: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.h37d {
  text-align: center;
  position: relative;
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.oaea24 {
  color: var(--color-accent);
  font-size: clamp(3rem, 8vw, 5rem);
  font-family: Georgia, serif;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1rem;
}

.p2f {
  margin: 0;
}

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

.bd58c {
  color: var(--color-accent);
  font-size: clamp(3rem, 8vw, 5rem);
  font-family: Georgia, serif;
  font-weight: 700;
  line-height: 1;
  margin-top: 1rem;
  text-align: right;
}

.c7081d {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .bc5e6 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .pf3 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .c860d9 {
    flex: 1 1 100%;
  }

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

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

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

@media (min-width: 1024px) {
  .c860d9 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.75rem));
  }
}

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

html {
  scroll-behavior: smooth;
}

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

.n37241b {
  width: 100%;
}

.o81b870a {
  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);
  font-weight: 700;
}

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

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

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

.be54d0b {
  position: relative;
  padding: clamp(4rem, 10vw, 8rem) 0;
  background: var(--color-bg-primary);
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.kd643 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255, 250, 240, 0.92) 0%, rgba(255, 245, 230, 0.88) 100%);
  z-index: 1;
}

.be54d0b .o81b870a {
  position: relative;
  z-index: 2;
}

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

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

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

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

.bb672 {
  max-width: 800px;
}

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

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

.p0e {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

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

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

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

.e1d6ae3e {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

.f59 {
  margin-bottom: clamp(3rem, 6vw, 5rem);
  overflow: hidden;
}

.f59:nth-child(even) {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: 8px;
}

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

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

.b4dee {
  font-size: clamp(0.875rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.h98663.p1f7cf7 {
  flex-direction: row-reverse;
}

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

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

.m42 {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  object-fit: cover;
}

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

  .h98663.p1f7cf7 {
    flex-direction: column;
  }

  .b8b,
  .e572 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

.h970052a {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(1.5rem, 3vw, 2rem);
  margin-top: clamp(2rem, 3vw, 2.5rem);
}

.k287d {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

.m47 {
  width: 48px;
  height: 48px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

.n85c53a {
  background: transparent;
  margin: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

.b1a962 {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 4px;
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

.pd9 {
  flex: 1;
}

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

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

.i3e30 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: 8px;
  margin-top: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
}

.jd61ca {
  max-width: 100%;
}

.b4e227 {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.ae82 {
  font-size: clamp(0.875rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.m0f5e {
  max-width: 1200px;
  margin: 0 auto;
}

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

.f0a5 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  line-height: 1.2;
}

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

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

.pd970c {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: all var(--transition-base);
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 380px;
}

.pd970c:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-6px);
}

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

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

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

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

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

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

.a0c44b72 {
  display: inline-flex;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-top: 0.5rem;
  transition: all var(--transition-base);
}

.a0c44b72:hover {
  color: var(--color-accent-hover);
  gap: 0.5rem;
}

.a0c44b72::after {
  content: '';
  margin-left: 0.5rem;
  transition: transform var(--transition-base);
}

.a0c44b72:hover::after {
  transform: translateX(4px);
}

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

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

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

  .h970052a {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .h970052a {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

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

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

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

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

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

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

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

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

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

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

.aba3d {
  width: 100%;
  max-height: 450px;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
  position: relative;
  z-index: 1;
}

.kda {
  display: none;
}

.bb26eb {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  position: relative;
  z-index: 2;
}

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

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

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

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

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

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

.m7ac3 a,
.m7ac3 span {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

.m7ac3 span:last-child {
  color: var(--color-accent);
  font-weight: 600;
}

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

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

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

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

.d8cc95c4 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ldc948 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.e9c {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: contain;
  border-radius: clamp(0.5rem, 2vw, 1rem);
}

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

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

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

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

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

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

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

.dca78 {
  color: var(--color-accent);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  line-height: 1.3;
}

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

.g76f0a7 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.g74 {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: contain;
  border-radius: clamp(0.5rem, 2vw, 1rem);
}

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

.n08109d3 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-secondary);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  align-items: flex-start;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.kc0 {
  color: var(--color-secondary);
  font-size: 1.75rem;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

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

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

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

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

.e23f500e {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  text-align: center;
  line-height: 1.6;
}

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

.n3f05 {
  flex: 1 1 calc(33.333% - 1.33rem);
  min-width: 280px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}

.n3f05:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

.f50 {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
}

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

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

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

.ba0 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f96 {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
}

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

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

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

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

.f4f3 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

.pb295 {
  width: 50px;
  height: 50px;
  min-width: 50px;
  background: var(--color-accent);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.5rem;
  flex-shrink: 0;
}

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

.d039c6 {
  color: var(--color-accent);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

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

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

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

.h36cf8f8 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 250px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

.i91bf0d {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-secondary);
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  text-align: center;
  border-left: 4px solid var(--color-accent);
}

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

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

.lf5ed1:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(154, 52, 18, 0.2);
}

@media (max-width: 1023px) {
  .ad23ccdd,
  .l0a2,
  .b2ff83 {
    flex-direction: column;
  }

  .fa275b,
  .ldc948,
  .o85507e,
  .g76f0a7,
  .j7f5,
  .ba0 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

@media (max-width: 768px) {
  .p29cdf6 {
    gap: 1.5rem;
  }

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

  .m7ac3 {
    font-size: 0.8125rem;
  }

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

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

  .ad23ccdd,
  .l0a2,
  .b2ff83 {
    flex-direction: column;
    gap: 2rem;
  }

  .fa275b,
  .ldc948,
  .o85507e,
  .g76f0a7,
  .j7f5,
  .ba0 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .d3b {
    flex-direction: column;
  }

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

  .f4f3 {
    gap: 1rem;
  }

  .pb295 {
    width: 45px;
    height: 45px;
    font-size: 1.25rem;
  }
}

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

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

  .f8c {
    position: relative;
    padding: clamp(4rem, 10vw, 8rem) 0;
    overflow: hidden;
    background: var(--color-bg-primary);
    min-height: 500px;
    display: flex;
    align-items: center;
  }

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

  .k40 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(67, 20, 7, 0.75) 0%, rgba(124, 45, 18, 0.65) 100%);
    z-index: 1;
  }

  .b70361db {
    position: relative;
    z-index: 2;
    max-width: 800px;
  }

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

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

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

  .g40a6 span {
    color: var(--color-text-on-accent);
  }

  .l2ac3b65 {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  }

  .d6c {
    color: var(--color-text-on-accent);
    font-weight: 500;
  }

  .a3329 {
    color: var(--color-text-on-accent);
    opacity: 0.7;
  }

  .n0f196 {
    font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
    font-weight: 700;
    line-height: var(--line-height-tight);
    color: var(--color-text-on-accent);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .n4a866 {
    font-size: clamp(1rem, 2vw, 1.25rem);
    line-height: var(--line-height-relaxed);
    color: var(--color-text-on-accent);
    max-width: 600px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m4b {
    display: flex;
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
    align-items: flex-start;
    padding: clamp(1.5rem, 3vw, 2rem);
    background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-card) 100%);
    border-left: 4px solid var(--color-accent);
    border-radius: var(--radius-md);
  }

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

  .p82 {
    flex: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .jf693 {
    flex: 1 1 100%;
    max-width: 350px;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
    padding: clamp(1.5rem, 3vw, 2rem);
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-base);
  }

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

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

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

  .b66d {
    font-size: clamp(0.9375rem, 1vw, 1.125rem);
    font-weight: 600;
    margin: 0;
    color: var(--color-text-primary);
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

  .m5ac {
    display: inline-block;
    padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    text-decoration: none;
    border-radius: var(--radius-md);
    font-weight: 600;
    font-size: clamp(0.9375rem, 1vw, 1rem);
    transition: all var(--transition-base);
  }

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

  @media (max-width: 768px) {
    .kb64,
    .oaa,
    .pe4236,
    .g0611 {
      flex-direction: column;
    }

    .g0219e,
    .hcf636,
    .ofecd5b4,
    .n31a6f,
    .a2e247,
    .la43,
    .n71c6a,
    .o8b1fd {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

    .g7bb {
      gap: 0.5rem;
    }

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

  @media (min-width: 1024px) {
    .f8c {
      min-height: 600px;
    }
  }

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

html, body {
  width: 100%;
}

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

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

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

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

.kf95b3::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(154, 52, 18, 0.08) 0%, rgba(234, 88, 12, 0.05) 100%);
  pointer-events: none;
}

.l04b6aa {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
  position: relative;
  z-index: 1;
}

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

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

.f9628 img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(67, 20, 7, 0.15);
  display: block;
  object-fit: cover;
}

.f7a0c3ea {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

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

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

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

.f7a0c3ea span:last-child {
  color: var(--color-text-primary);
  font-weight: 500;
}

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

.ka2f61d6 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

  .b461ba,
  .f9628 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.j99fd6 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
  box-shadow: 0 2px 8px rgba(67, 20, 7, 0.08);
}

.n40d {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-border);
}

.jcd1 {
  flex: 1;
}

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

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

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

.mdd7031e {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
  margin-bottom: 0.5rem;
  font-weight: 500;
}

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

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

  .n40d {
    width: 100px;
    height: 100px;
  }
}

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

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

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

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

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

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

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

.o7f7cf8 img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(67, 20, 7, 0.12);
  display: block;
  object-fit: cover;
}

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

  .l5a34ba,
  .o7f7cf8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.b65 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.b65 li {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
  position: relative;
}

.b65 li::before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
}

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

.m7a95 img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(67, 20, 7, 0.12);
  display: block;
  object-fit: cover;
}

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

  .n3a81,
  .m7a95 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.pe8 img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(67, 20, 7, 0.12);
  display: block;
  object-fit: cover;
}

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

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

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

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

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

  .pe8 {
    order: 0;
  }

  .df77,
  .pe8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.f99e {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  border-left: 4px solid var(--color-secondary);
  box-shadow: 0 2px 8px rgba(67, 20, 7, 0.08);
}

.i9f {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-secondary);
  margin-top: 2px;
}

.dadf {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

.i5006463 img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(67, 20, 7, 0.12);
  display: block;
  object-fit: cover;
}

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

  .p8a,
  .i5006463 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.g47ce img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(67, 20, 7, 0.12);
  display: block;
  object-fit: cover;
}

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

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

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

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

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

  .g47ce {
    order: 0;
  }

  .eb2a6f9,
  .g47ce {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.h430f {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(67, 20, 7, 0.1);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.h430f:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(67, 20, 7, 0.15);
}

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

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

.h430f:hover .j1e1665 img {
  transform: scale(1.05);
}

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

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

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

.lcb2 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  display: inline-block;
  margin-top: auto;
}

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

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

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

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

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

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

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

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

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

.g7921d74:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(154, 52, 18, 0.3);
}

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

  .n87d,
  .p3c9,
  .gd2a,
  .o0900c,
  .o1a12,
  .e8b5,
  .n99f7f {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }

  .b7e8,
  .m129f7f {
    padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  }
}

* {
  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 {
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

.jc03 {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

.o1ff {
  text-align: center;
}

.f196d {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}

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

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

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

.n2d2 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  flex: 1 1 clamp(250px, 100%, 320px);
  min-height: auto;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: var(--transition-base);
  border-top: 3px solid var(--color-secondary);
}

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

.i0df7d {
  font-size: 2.5rem;
  color: var(--color-secondary);
  height: 3rem;
  display: flex;
  align-items: center;
}

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

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

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

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

.lb1139 {
  text-align: center;
}

.h6b70d05 {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}

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

.a18b8 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  margin-top: 1.5rem;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

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

.g8dcc94 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(50px, 6vw, 70px);
  height: clamp(50px, 6vw, 70px);
  min-width: clamp(50px, 6vw, 70px);
  background: var(--color-secondary);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  font-weight: 700;
  flex-shrink: 0;
}

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

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

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

.e5340f33 {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: clamp(1.5rem, 3vw, 2.5rem) auto 0;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  object-fit: cover;
}

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

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

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

.ke7e341e {
  text-align: center;
}

.f128b {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}

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

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

.l74e3 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 5px solid var(--color-accent);
  margin-top: 1rem;
}

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

.jadc {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: clamp(1.5rem, 3vw, 2.5rem) auto 0;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  object-fit: cover;
}

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

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

.g695c66 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
}

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

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

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

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

  .a6b {
    flex: 1 1 calc(50% - 0.75rem);
    min-height: auto;
  }

  .j128f {
    flex-direction: row;
    justify-content: center;
  }

  .n2d2 {
    flex: 1 1 clamp(280px, 100%, 350px);
  }

  .kc93 {
    flex-direction: row;
    align-items: flex-start;
  }
}

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

  .j128f {
    gap: 2rem;
  }

  .n2d2 {
    flex: 1 1 calc(33.333% - 1.33rem);
  }
}

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

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

.od56 {
  background: var(--color-bg-primary);
  font-family: 'Figtree', sans-serif;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

.bde2cecb {
  flex: 1 1 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 250px;
}

@media (min-width: 768px) {
  .bde2cecb {
    flex: 1 1 50%;
    min-height: 350px;
  }
}

.mf7a1e63 {
  width: 100%;
  height: 100%;
  max-height: 500px;
  object-fit: cover;
  border-radius: 8px;
}

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

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

.ceb34e3 {
  text-align: center;
}

.e347035 {
  font-family: 'Urbanist', sans-serif;
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a3ac2,
.nbb,
.f035 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.lbbdd6 {
  text-align: center;
}

.j87b7 {
  font-family: 'Urbanist', sans-serif;
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.oe9192bf {
  flex: 1 1 100%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.i544 {
  font-family: 'Urbanist', sans-serif;
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

.o19 {
  font-family: 'Urbanist', sans-serif;
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.c23 {
  text-align: center;
}

.b539 {
  font-family: 'Urbanist', sans-serif;
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.cce6 {
  flex: 1 1 100%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.k3b1aa7 {
  font-family: 'Urbanist', sans-serif;
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.d1a0aa {
  text-align: center;
}

.n0b00b78 {
  font-family: 'Urbanist', sans-serif;
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d909 {
  text-align: center;
}

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

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

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

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

.g559aaf8 {
  font-family: 'Urbanist', sans-serif;
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.mc4c34 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: center;
  align-items: center;
}

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

.jc444 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 6px;
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
  min-width: 150px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.b0a5a8e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.kf66 {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.gc2b {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.oed5090 {
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.g1f5b2a {
  max-width: 1200px;
  margin: 0 auto;
}

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

.k2d3c {
  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);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

.p07f029 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary-light);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
}

.l0d620 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 3vw + 0.25rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

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

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

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

.p854 {
  text-align: center;
}

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

.ja4f8b {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.o0d3dc6 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base);
  border: none;
  cursor: pointer;
  letter-spacing: var(--letter-spacing-normal);
}

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

.o0d3dc6:active {
  background-color: var(--color-primary-dark);
}

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

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

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

  .h4bc3 {
    height: 280px;
  }

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

@media (min-width: 1024px) {
  .b0a5a8e {
    padding: var(--spacing-4xl) 0;
  }

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

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

  .h4bc3 {
    height: 300px;
  }

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

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

@media (min-width: 1440px) {
  .g1f5b2a,
  .i41c {
    padding: 0 var(--spacing-lg);
  }

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

  .h4bc3 {
    height: 320px;
  }
}

.p3070642 {
  width: 100%;
}

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

.g9f94 {
  max-width: 1200px;
  margin: 0 auto;
}

.f8f {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
}

.o7166c {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 600px;
}

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

  .f8f {
    font-size: clamp(2.25rem, 6vw + 0.5rem, 3.5rem);
  }
}

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

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

.h129526f {
  max-width: 1200px;
  margin: 0 auto;
}

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

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

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

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

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

.j8d {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl) var(--spacing-lg);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

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

.m67bc1d {
  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-lg);
  transition: var(--transition-base);
}

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

.m67bc1d i {
  color: var(--color-text-on-accent);
  font-size: 1.75rem;
}

.ea0e32 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-normal);
}

.c86eec {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.jec02c2 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.25rem, 0.9375rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  transition: var(--transition-base);
  width: fit-content;
}

.jec02c2:hover {
  color: var(--color-primary-hover);
  transform: translateX(2px);
}

.jec02c2::after {
  content: '';
  transition: var(--transition-base);
}

.jec02c2:hover::after {
  transform: translateX(4px);
}

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

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

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

.o225c2b {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.i1f {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-normal);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-block;
  transition: var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

.i1f:active {
  transform: translateY(0);
}

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

  .b8b0 {
    font-size: clamp(1.75rem, 5vw + 0.5rem, 2.5rem);
  }
}

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

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

.dc0707 .o81b870a {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.dc0707 .g23 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-4xl) var(--spacing-md);
}

.dc0707 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.dc0707 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
  font-weight: 600;
}

.dc0707 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.dc0707 ul {
  margin: var(--spacing-md) 0;
  padding-left: var(--spacing-lg);
  color: var(--color-text-primary);
}

.dc0707 li {
  margin-bottom: var(--spacing-sm);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
}

.dc0707 .d5538 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.dc0707 .p35 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
}

.dc0707 .p35 h2 {
  margin-top: 0;
}

.dc0707 .p35 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.dc0707 .p35 strong {
  color: var(--color-primary);
  font-weight: 600;
}

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

@media (max-width: 768px) {
  .dc0707 .g23 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

@media (min-width: 769px) and (max-width: 1024px) {
  .dc0707 .g23 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1025px) {
  .dc0707 .g23 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.p98 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

.ic5 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .ic5 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .ic5 {
    padding: var(--spacing-4xl) var(--spacing-md);
  }
}

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

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

.b7fb1e {
  text-align: center;
  animation: fadeInUp 0.8s ease-out forwards;
  opacity: 0;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ddf {
  margin-bottom: var(--spacing-lg);
  display: inline-block;
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  opacity: 0;
  animation-delay: 0.1s;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.ddf svg {
  width: 100%;
  height: 100%;
  display: block;
}

.f471 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
}

.p6e28f {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-normal);
}

.m5b52b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.g32a6b17 {
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin: var(--spacing-2xl) 0;
  border-left: 4px solid var(--color-primary);
}

@media (min-width: 768px) {
  .g32a6b17 {
    padding: var(--spacing-xl);
    margin: var(--spacing-2xl) auto;
    max-width: 500px;
  }
}

.j37b9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  text-align: left;
  padding: var(--spacing-sm) 0;
}

.j37b9:not(:last-child) {
  margin-bottom: var(--spacing-md);
  padding-bottom: var(--spacing-md);
  border-bottom: 1px solid var(--color-border-light);
}

.d39f5 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

.ib1db1 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 500;
  line-height: var(--line-height-normal);
}

.pe6136 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.n4bd8e {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  text-align: center;
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-normal);
}

@media (min-width: 768px) {
  .n4bd8e {
    padding: var(--spacing-md) var(--spacing-xl);
  }
}

.d08b74 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.d08b74:active {
  transform: translateY(0);
}

@media (max-width: 480px) {
  .ddf {
    width: 80px;
    height: 80px;
  }

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

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

@media (min-width: 1024px) {
  .g32a6b17 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-lg);
    border-left: none;
    border-top: 4px solid var(--color-primary);
  }

  .j37b9 {
    text-align: center;
    padding: var(--spacing-lg) 0;
  }

  .j37b9:not(:last-child) {
    border-bottom: none;
    padding-bottom: var(--spacing-lg);
    margin-bottom: 0;
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

.h9d3a03 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.h7b {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

.d21 {
  position: relative;
  margin-bottom: var(--spacing-3xl);
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mb45 {
  position: relative;
  z-index: 10;
}

.m60a441 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  letter-spacing: var(--letter-spacing-tight);
  line-height: 1;
  display: block;
  animation: float 3s ease-in-out infinite;
}

.eb05c3 {
  position: absolute;
  border-radius: 50%;
  background-color: var(--color-primary-light);
  opacity: 0.15;
}

.jc46 {
  width: 150px;
  height: 150px;
  top: 20px;
  left: -50px;
  animation: rotate 8s linear infinite;
}

.obd8 {
  width: 200px;
  height: 200px;
  top: 50px;
  right: -80px;
  animation: rotate-reverse 10s linear infinite;
}

.oa082d08 {
  width: 100px;
  height: 100px;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  animation: pulse 4s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes rotate-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@keyframes pulse {
  0%, 100% {
    transform: translateX(-50%) scale(1);
    opacity: 0.15;
  }
  50% {
    transform: translateX(-50%) scale(1.1);
    opacity: 0.25;
  }
}

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

.ce5 {
  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: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-normal);
}

.g09f8e {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.oae {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-2xl);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.e1b {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.mbaf470 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.b3eb {
  text-align: left;
  color: var(--color-text-secondary);
}

.n4bd8e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  text-decoration: none;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-normal);
}

.d08b74 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.d08b74:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 640px) {
  .h7b {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

  .d21 {
    margin-bottom: var(--spacing-4xl);
    height: 320px;
  }

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

  .e1b {
    flex-direction: column;
    gap: var(--spacing-sm);
  }

  .b3eb {
    text-align: center;
  }
}

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

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

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

@media (min-width: 1024px) {
  .d21 {
    margin-bottom: var(--spacing-4xl);
    height: 350px;
  }

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

  .n4bd8e {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: clamp(1rem, 1vw + 0.5rem, 1.15rem);
  }
}

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

.n8301 {
  width: 100%;
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.g3b87bf {
  text-align: center;
}

.jb4ed0e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.a15b {
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .n8301 {
    padding: var(--spacing-4xl) 0;
  }
}

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

.g27 {
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.j24a8c11 {
  width: 100%;
}

.o7c10a {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
}

.o32c7f3 {
  width: 100%;
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.caeb56 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: var(--letter-spacing-tight);
}

.oa1ab778 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.ce1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.jd11243a {
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
}

.i2b81ef,
.i89c28 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: var(--line-height-normal);
  transition: border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);
}

.i2b81ef::placeholder,
.i89c28::placeholder {
  color: var(--color-text-muted);
}

.i2b81ef:focus,
.i89c28:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.i89c28 {
  min-height: 150px;
  resize: vertical;
  font-family: var(--font-primary);
}

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

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

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

.e2878 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-normal);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
}

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

.e2878:active {
  transform: translateY(0);
}

.e2878:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.cd7 {
  width: 100%;
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.p8c7ce23 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: var(--letter-spacing-tight);
}

.n5ec6d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.h39d {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.h26 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: 1.5rem;
}

.l86890fa {
  flex: 1;
}

.f491 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  letter-spacing: var(--letter-spacing-tight);
}

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

.gdd {
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border);
}

.db808 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: var(--letter-spacing-tight);
}

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

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

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

@media (min-width: 768px) {
  .g27 {
    padding: var(--spacing-4xl) 0;
  }

  .o7c10a {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }

  .o32c7f3,
  .cd7 {
    width: 100%;
  }
}

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

  .o7c10a {
    gap: 4rem;
  }

  .o32c7f3,
  .cd7 {
    padding: 2.5rem;
  }
}

.i26 {
  width: 100%;
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.h3e {
  width: 100%;
}

.h58 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin: 0 0 var(--spacing-3xl) 0;
  letter-spacing: var(--letter-spacing-tight);
}

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

.dbd12 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.o855c {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: var(--letter-spacing-tight);
}

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

@media (min-width: 768px) {
  .i26 {
    padding: var(--spacing-4xl) 0;
  }

  .i8293 {
    grid-template-columns: 1fr 1fr;
  }
}

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

  .i8293 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.h14 {
  width: 100%;
  background-color: var(--color-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.oab {
  width: 100%;
  text-align: center;
}

.j4c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
}

.gcb3a {
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-xl) 0;
  opacity: 0.95;
}

.d4bf {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  justify-content: center;
  align-items: center;
}

.g67,
.fcf3c9 {
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 700;
  text-decoration: none;
  letter-spacing: var(--letter-spacing-normal);
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

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

.fcf3c9:hover {
  background-color: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .h14 {
    padding: var(--spacing-4xl) 0;
  }

  .d4bf {
    flex-direction: row;
  }
}

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

@media (max-width: 480px) {
  .o32c7f3,
  .cd7 {
    padding: var(--spacing-lg);
  }

  .i2b81ef,
  .i89c28 {
    padding: var(--spacing-md);
  }

  .e2878 {
    padding: var(--spacing-md) var(--spacing-md);
  }
}
.d08b,.lf98{
  width: 34px;
}

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

.ob34d84{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .ob34d84{
    max-width: 100%;
  }
}

.ob34d84.g27f3b17{
  z-index: 999;
}

.e3ce9d4{
  padding-top: 50px;
}

.d08b[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .h24 {
    aspect-ratio: 6 / 9;
  }
}