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

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

  --color-text-primary: #1c1917;
  --color-text-secondary: #57534e;
  --color-text-muted: #6d6966;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #f5f5f5;

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

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

  --color-success: #059669;
  --color-success-light: #d1fae5;

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

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

  --color-border: #e7e5e4;
  --color-border-light: #f5f5f4;
  --color-border-dark: #78716f;

  --font-primary: 'Open Sans', sans-serif;
  --font-heading: 'Libre Baskerville', 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: 6rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

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

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

  --line-height-tight: 1.25;
  --line-height-base: 1.5;
  --line-height-relaxed: 1.75;

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

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

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

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

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

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

h1 {
  font-size: var(--font-size-6xl);
  letter-spacing: -0.02em;
}

h2 {
  font-size: var(--font-size-5xl);
  letter-spacing: -0.015em;
}

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

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

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

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

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

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

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

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

button {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all var(--transition-fast);
}

button:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.kcc1121 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  gap: var(--spacing-sm);
  transition: all var(--transition-fast);
}

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

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

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

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

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

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

.k51f5 {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
}

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

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

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

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

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

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

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

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

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

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

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

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

.had3 a:hover {
  color: #f43f5e;
}

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

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

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

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

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

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

@media (max-width: 640px) {
  h1 {
    font-size: var(--font-size-4xl);
  }

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

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

  .gcf647d,
  .ged,
  .dafedd {
    grid-template-columns: 1fr;
  }

  .e3d4,
  .kd21721e,
  .had3 {
    padding: var(--spacing-3xl) 0;
  }
}

.lf553 {
  display: flex;
}

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

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

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

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

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

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

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

.n036 {
  text-align: center;
}

.p5c8 {
  text-align: right;
}

.e57e {
  text-align: left;
}

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

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

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

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

.kc7e {
  font-size: var(--font-size-sm);
}

.o47cb {
  font-size: var(--font-size-lg);
}

.d1758c {
  font-size: var(--font-size-xl);
}

.bf62 {
  font-weight: 700;
}

.g035cf8 {
  font-weight: 600;
}

.p61b4 {
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ke65a {
  border: 2px solid var(--color-primary);
}

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

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

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

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

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

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

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

.c943 {
  opacity: 0.5;
}

.f3bb1de8 {
  opacity: 0.75;
}

.m084e {
  width: 100%;
}

.o2d633 {
  height: 100%;
}

.g754a {
  max-width: 65ch;
}

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

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

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

ul li {
  list-style-type: disc;
}

ol li {
  list-style-type: decimal;
}

strong {
  font-weight: 700;
  color: var(--color-text-primary);
}

em {
  font-style: italic;
  color: var(--color-text-secondary);
}

code {
  background: var(--color-bg-secondary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: var(--font-size-sm);
  color: var(--color-primary);
}

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

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

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

hr {
  border: none;
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-xl) 0;
}

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

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

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

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

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

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

textarea {
  resize: vertical;
}

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  * {
    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-tertiary);
    color: var(--color-text-light);
  }

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

  code {
    background: rgba(255, 255, 255, 0.1);
    color: var(--color-secondary);
  }

  input, textarea, select {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--color-border-dark);
    color: var(--color-text-light);
  }

  input:focus, textarea:focus, select:focus {
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 3px rgba(244, 63, 94, 0.2);
  }
}
.d40c46 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  padding: 1rem 0;
  position: static;
  z-index: 100;
}

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

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

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

.f0fad1 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}

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

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

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

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

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

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

.fdb6ad {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  width: 40px;
  height: 40px;
}

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

.fdb6ad[aria-expanded="true"] span:nth-child(1) {
  transform: rotate(45deg) translate(10px, 10px);
}

.fdb6ad[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}

.fdb6ad[aria-expanded="true"] span:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

.gf6 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 99;
  overflow-y: auto;
}

.gf6.c38d {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

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

.ef496 {
  padding: 1rem clamp(1rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  margin: 1rem clamp(1rem, 3vw, 2rem) 0 clamp(1rem, 3vw, 2rem);
  border-radius: 0.5rem;
  text-align: center;
  transition: all var(--transition-base);
}

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

@media (min-width: 768px) {
  .d40c46 {
    padding: 1.25rem 0;
  }

  .ld6cc {
    display: flex;
  }

  .f09e02 {
    display: inline-block;
    flex-shrink: 0;
  }

  .fdb6ad {
    display: none;
  }

  .gf6 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .f0fad1 {
    font-size: 1.35rem;
  }

  .of34635 {
    font-size: 0.95rem;
  }
}

    .k0421f4 {
  width: 100%;
}

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

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

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

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

.pe6ca7 {
  flex: 1 1 45%;
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  position: relative;
  z-index: 2;
  box-shadow: var(--shadow-lg);
}

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

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

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

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

.l6fe,
.j72 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  border: 2px solid transparent;
}

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

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

.j72 {
  background: transparent;
  color: var(--color-accent);
  border-color: var(--color-accent);
}

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

.l3ae2306 {
  flex: 1 1 45%;
  min-height: 350px;
  max-height: 500px;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: var(--shadow-xl);
  transform: translateX(30px);
}

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

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

  .pe6ca7 {
    flex: 1 1 100%;
  }

  .l3ae2306 {
    flex: 1 1 100%;
    min-height: 250px;
    transform: none;
  }

  .cc8ed {
    flex-direction: column;
  }

  .l6fe,
  .j72 {
    width: 100%;
    text-align: center;
  }
}

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

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

.m40 {
  text-align: center;
}

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

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

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

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

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

.i9cc {
  text-align: center;
}

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

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

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

.i742 {
  flex: 1 1 200px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 10px;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  text-align: center;
  transition: all var(--transition-base);
}

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

.k7e {
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

.h6328c9 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.95);
  max-width: 600px;
  line-height: var(--line-height-relaxed);
}

.k0710 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(2rem, 3vw, 2.5rem);
  background: #ffffff;
  color: var(--color-accent);
  border-radius: 8px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  border: 2px solid transparent;
}

.k0710:hover {
  background: rgba(255, 255, 255, 0.9);
  transform: translateY(-2px);
}

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

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

.c72b3598 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.m970831 {
  flex: 1 1 280px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

.j686 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-accent);
}

.pc9 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.85);
  line-height: var(--line-height-relaxed);
}

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

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

.ad9ed7 {
  text-align: center;
}

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

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

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

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

.bccb {
  flex-direction: row-reverse;
}

.m235 {
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  width: clamp(80px, 10vw, 120px);
  text-align: center;
}

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

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

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

.fc78d {
  flex: 1 1 45%;
  width: 100%;
  max-height: 350px;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: var(--shadow-lg);
}

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

  .fc78d {
    flex: 1 1 100%;
    min-height: 200px;
  }

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

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

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

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

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

.h979e::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
}

.bb3 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  position: relative;
  padding-left: clamp(2rem, 4vw, 3rem);
}

.ibb6 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--color-accent);
  position: absolute;
  left: 0;
  top: 0;
  flex-shrink: 0;
  transform: translateX(-11px);
}

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

.j070 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

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

.d463 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}

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

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

.g689471 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  min-width: 60px;
  text-align: center;
}

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

.ka1eec8 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 600;
  color: #ffffff;
}

.g9653f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.85);
  line-height: var(--line-height-relaxed);
}

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

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

.a60 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

.l3d {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  border-radius: 8px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
}

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

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

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

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

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

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

.o60a07 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 8px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  border: 2px solid transparent;
  width: fit-content;
}

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

.ja4c {
  flex: 1 1 45%;
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: var(--shadow-lg);
}

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

  .hff88 {
    flex: 1 1 100%;
  }

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

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

.n3fcec.kee50 {
  display: none;
}

.nbcae {
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  flex: 1 1 auto;
  min-width: 200px;
}

.l30 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  flex-wrap: wrap;
}

.h5bd6e,
.hc111f {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 6px;
  cursor: pointer;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  border: none;
  transition: all var(--transition-base);
}

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

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

.hc111f {
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.hc111f:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-1px);
}

@media (max-width: 640px) {
  .n3fcec {
    flex-direction: column;
    padding: clamp(1rem, 3vw, 1.5rem);
    gap: clamp(1rem, 2vw, 1.25rem);
  }

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

  .l30 {
    flex: 1 1 100%;
    width: 100%;
  }

  .h5bd6e,
  .hc111f {
    flex: 1 1 auto;
  }
}

@media (max-width: 1024px) {
  .l3ae2306 {
    transform: none;
  }
}

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

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

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

.b997ee {
  display: block;
}

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

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

.o2080d {
  display: block;
}

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

.g9c {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.d462e {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base) ease;
  display: inline-block;
}

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

.efbdf {
  display: block;
}

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

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

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

.g03e9d {
  display: block;
}

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

.n326 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

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

  .b997ee {
    flex: 1 1 300px;
  }

  .o2080d {
    flex: 0 1 auto;
  }

  .efbdf {
    flex: 1 1 250px;
  }

  .g03e9d {
    flex: 0 1 auto;
  }

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

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

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

@media (min-width: 1024px) {
  .n67 {
    display: flex;
    flex-direction: row;
    gap: clamp(3rem, 6vw, 4.5rem);
    align-items: flex-start;
  }

  .b997ee {
    flex: 1 1 280px;
    min-width: 260px;
  }

  .o2080d {
    flex: 0 1 140px;
  }

  .efbdf {
    flex: 1 1 280px;
  }

  .g03e9d {
    flex: 0 1 140px;
  }

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

.deab58 {
  display: block;
}

.j265688 {
  position: relative;
  padding: clamp(6rem, 15vw, 10rem) 0;
  overflow: hidden;
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, #2d2520 100%);
  min-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jcb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><defs><pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 40 0 L 0 0 0 40" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/></pattern></defs><rect width="1200" height="600" fill="url(%23grid)"/></svg>');
  opacity: 0.5;
}

.pd8 {
  position: relative;
  z-index: 2;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 2rem);

}

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

.ma78e044 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-light-secondary);
  font-weight: 300;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.g351 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 clamp(260px, 22vw, 300px);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base) ease;
}

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

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

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

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

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

.k191 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  padding-top: clamp(0.5rem, 1vw, 0.75rem);
  border-top: 1px solid var(--color-border-light);
}

.n152ed,
.mb516f02,
.j6edb {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.n152ed i,
.mb516f02 i,
.j6edb i {
  font-size: 0.85em;
  color: var(--color-accent);
}

.pe7 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base) ease;
  align-self: flex-start;
  margin-top: auto;
}

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

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

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

.o33 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ac8 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: center;
}

.m940 {
  display: inline-block;
  padding: clamp(0.5rem, 1.5vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 500;
  transition: all var(--transition-base) ease;
  cursor: pointer;
}

.m940:hover {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-color: var(--color-accent);
}

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

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

.de966 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

@media (max-width: 767px) {
  .j265688 {
    min-height: 350px;
  }

  .ab61 {
    flex-direction: column;
  }

  .g351 {
    flex: 1 1 100%;
  }

  .ac8 {
    gap: clamp(0.5rem, 1.5vw, 1rem);
  }

  .m940 {
    flex: 1 1 calc(50% - 0.5rem);
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ab61 {
    gap: clamp(1.25rem, 2.5vw, 1.75rem);
  }

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

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

  .m940 {
    flex: 0 1 auto;
  }
}

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

  .g351 {
    flex: 1 1 calc(25% - 1.5rem);
    min-width: 280px;
  }
}

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

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

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

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

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

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

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

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

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

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

.aa13abe3 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
}

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

.p5b43f {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  line-height: 1.5;
  margin: 0;
  max-width: 700px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.j28ee53,
.b3157f,
.fcecd {
  color: var(--color-text-secondary);
}

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

.c25ea1 {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

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

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

.aeee63b2 {
  flex: 0 0 auto;
  width: clamp(200px, 25vw, 280px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  position: sticky;
  top: clamp(1rem, 2vw, 2rem);
  height: fit-content;
}

.o05a0 {
  width: 100%;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.ff83 {
  width: 100%;
  height: auto;
  display: block;
}

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

.ebe6328f {
  color: var(--color-accent);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

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

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

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

.j6f13c {
  color: var(--color-text-secondary);
  font-size: 0.875rem;
  margin: 0;
  font-weight: 500;
}

.kc6d {
  color: var(--color-text-secondary);
  font-size: 0.8125rem;
  line-height: 1.5;
  margin: 0.5rem 0 0 0;
}

.nda076 {
  flex: 1 1 auto;
  min-width: 0;
}

.md73b3 {
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
}

.md73b3:nth-of-type(odd) {
  background: var(--color-bg-primary);
}

.md73b3:nth-of-type(even) {
  background: var(--color-bg-primary);
}

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

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

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

.nc8ea0b img {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

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

.e6e2 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  line-height: 1.3;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.hac42e81 p + p {
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

.bc5b4b:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 0.4em;
  height: 0.4em;
  background: var(--color-accent);
  border-radius: 50%;
}

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

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

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

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

.o3d:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(225, 29, 72, 0.08);
  transform: translateY(-4px);
}

.o0eb {
  color: var(--color-accent);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  line-height: 1;
  margin: 0;
}

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

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

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

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

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

.dfa4044 {
  color: #f1f5f9;
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  line-height: 1.7;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.cd0f102 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  font-weight: 600;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.3;
}

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

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

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

.m52254 {
  text-align: center;
}

.d5aa {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  line-height: 1.2;
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.hbddb {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: all 0.3s ease;
}

.hbddb:hover {
  border-color: var(--color-accent);
  box-shadow: 0 12px 32px rgba(225, 29, 72, 0.12);
  transform: translateY(-6px);
}

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

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

.hbddb:hover .pd42947 {
  transform: scale(1.05);
}

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

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

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

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

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

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

  .aeee63b2 {
    position: static;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }

  .iad7c3 {
    flex-direction: column;
  }

  .hac42e81,
  .nc8ea0b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .hbddb {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 250px;
  }
}

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

  .aeee63b2 {
    position: static;
    width: 100%;
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
  }

  .f133b {
    flex-direction: column;
  }

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

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

  .fe6c {
    flex-direction: column;
  }

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

@media (max-width: 480px) {
  .j4cbbba8 {
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
  }

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

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

  .c421cbe1 {
    height: 150px;
  }
}

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

.g8cf0 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 4vw, 3rem);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

  .a92f,
  .ec75d12 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

.kc7ef6 {
  background: var(--color-bg-primary);
  padding: 0;
  overflow: hidden;
  position: relative;
}

.j0c {
  position: absolute;
  left: 0;
  top: 120px;
  width: 220px;
  z-index: 10;
}

.b9e1005 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.25rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  align-items: flex-start;
}

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

.f88cb91 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
}

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

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

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

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

.lfeb {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.8vw, 0.8125rem);
  margin: 0;
  font-style: italic;
}

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

.h8b98c7c,
.c2f3,
.c8e6a,
.i4e5047 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  margin-left: 250px;
}

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

.ib5e3e,
.paf350,
.g01263 {
  flex: 1 1 50%;
  max-width: 50%;
}

.eb4,
.o63350,
.h801fe0 {
  flex: 1 1 50%;
  max-width: 50%;
}

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

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

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

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

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

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

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

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

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

.kfde067 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.6;
  padding-left: 24px;
  position: relative;
}

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

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

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

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

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

.j403dd89 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
  margin-left: 250px;
  border-top: 1px solid var(--color-border-light);
}

.g5d {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  max-width: 800px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
}

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

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

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

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

.c3c {
  color: var(--color-text-light);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  line-height: 1.3;
  margin: 0;
  text-align: center;
  font-weight: 700;
}

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

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

.faabbc65:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
}

.p468f8 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  display: block;
}

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

.faabbc65:hover .p468f8 img {
  transform: scale(1.05);
}

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

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

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

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

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

@media (max-width: 768px) {
  .j0c {
    position: static;
    width: 100%;
    margin-bottom: clamp(2rem, 4vw, 3rem);
  }

  .h8b98c7c,
  .c2f3,
  .c8e6a,
  .i4e5047,
  .l3c6,
  .j403dd89 {
    margin-left: 0;
  }

  .f42393,
  .beb5c2d5,
  .f41a6 {
    flex-direction: column;
  }

  .ib5e3e,
  .paf350,
  .g01263,
  .eb4,
  .o63350,
  .h801fe0 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .od3f94 {
    flex: 1 1 auto;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.m69b8193 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  width: fit-content;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.bc483 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--color-bg-card);
}

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

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

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

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

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

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

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

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

.n082bb {
  width: 100%;
}

@media (min-width: 768px) {
  .lf6 {
    flex-direction: row;
    gap: clamp(2rem, 4vw, 4rem);
  }

  .fceea1da {
    flex: 0 0 280px;
    position: sticky;
    top: 2rem;
    height: fit-content;
  }

  .n082bb {
    flex: 1 1 auto;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g559ec9b {
  background: rgba(225, 29, 72, 0.08);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
}

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

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

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

.o302 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  margin-left: 1.5rem;
}

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

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

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

.mfae {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 2vw, 2rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c25 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
}

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

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

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

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

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

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

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

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

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

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

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

  .mfae {
    flex-direction: column;
  }

  .p342 {
    align-self: flex-start;
  }

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

@media (max-width: 1023px) {
  .c25 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem) * 0.5);
    min-width: 250px;
  }
}

@media (min-width: 1024px) {
  .c25 {
    flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem) * 0.667);
  }
}

* {
  box-sizing: border-box;
}

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

.ge10617 {
  width: 100%;
}

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

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

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

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

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

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

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

.b9526d1 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-md);
}

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

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

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

.g763 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
  margin: 0;
  padding: 0;
}

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

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

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

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

.ed8 {
  flex: 1 1 100%;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

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

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

.p11a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.ea4 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-family: var(--font-heading);
  margin: 0;
  padding: 0;
}

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

.be24d {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  padding-left: 1.5rem;
  position: relative;
}

.be24d::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 0.375rem;
  height: 0.375rem;
  background: var(--color-accent);
  border-radius: var(--radius-full);
}

.d240d {
  flex: 1 1 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

.m89aa {
  flex: 1 1 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  order: -1;
}

@media (min-width: 768px) {
  .m89aa {
    flex: 1 1 50%;
    max-width: 50%;
    order: 0;
  }
}

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

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

.nb250b {
  color: var(--color-text-light);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
  margin: 0;
  padding: 0;
}

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

.ae3dcf {
  background: rgba(225, 29, 72, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

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

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

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

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

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

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

.kf0 {
  color: var(--color-accent);
  font-size: clamp(1.375rem, 2vw, 1.75rem);
  font-weight: 700;
  font-family: var(--font-heading);
  flex-shrink: 0;
}

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

.j86a1c9 {
  flex: 1 1 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

.g003 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  padding: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.be660c {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all var(--transition-base);
}

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

.g885 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
  margin: 0;
  padding: 0;
}

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

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

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

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

.d20b {
  color: var(--color-text-light);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
  margin: 0;
  padding: 0;
}

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

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

.la87 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 800px;
  margin: 0 auto;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-border);
}

.j7cd2 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-family: var(--font-heading);
  margin: 0;
  padding: 0;
}

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

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

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

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

@media (min-width: 768px) {
  .e3bcaf {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    gap: clamp(1.5rem, 2.5vw, 2rem);
  }
}

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

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

.k766696 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-family: var(--font-heading);
  margin: 0;
  padding: 0;
  line-height: var(--line-height-tight);
}

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

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

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

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

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

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

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

.o668 {
  color: var(--color-text-light);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

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

.od11a {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

  .j64 {
    flex-direction: column;
  }

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

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

  .fa19b {
    flex-direction: column;
  }

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

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

  .ge45ef71 {
    flex-direction: column;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.a045a0 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

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

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

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

.lf1b00c6 {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

.nf10737 {
  flex: 1 1 50%;
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
}

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

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

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

.maf {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

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

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

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

.ab016 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

.l33a8e59 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

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

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

.id6 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
  margin: 1rem auto 0;
}

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

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

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

.n8869 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

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

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

.g9e {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 1.5rem;
}

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

.a35b59 {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  margin-top: 2px;
}

.b4cb {
  flex: 1;
}

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

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

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

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

.ge07 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
}

.h404 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--color-accent);
  margin-top: 2px;
  font-size: 1.25rem;
}

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

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

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

  .nf10737 {
    flex: 1 1 100%;
  }

  .ab016 {
    flex: 1 1 100%;
  }

  .hc9e {
    text-align: center;
  }
}

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

@media (min-width: 1025px) {
  .ab016 {
    flex: 1 1 calc(33.333% - 1.33rem);
  }
}

.m212 {
  width: 100%;
}

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

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

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

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

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

@media (min-width: 768px) {
  .o958 {
    flex-direction: row;
    gap: clamp(2rem, 5vw, 3.5rem);
    align-items: center;
  }
}

.e37d75 {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 450px;
  overflow: hidden;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

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

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

.o02d0 {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: fit-content;
}

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

.ob3 {
  color: var(--color-accent);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 500;
  line-height: var(--line-height-base);
}

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

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

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

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

.ld959fbb {
  color: var(--color-text-secondary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

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

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

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

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

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

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

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

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

.od7 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
}

@media (min-width: 1024px) {
  .od7 {
    flex: 1 1 calc(25% - 1.5rem);
  }
}

.i2ad1f0b {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  line-height: 1;
}

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .l1f12 {
    flex: 1 1 calc(25% - 1rem);
  }
}

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

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

.de301 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 600;
  line-height: var(--line-height-tight);
}

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

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

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

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

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

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

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

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

.n9216d {
  flex: 1 1 55%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.bad0 {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-weight: 600;
  line-height: var(--line-height-tight);
  margin-top: 0.5rem;
}

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

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

.aee81 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-style: italic;
  line-height: var(--line-height-relaxed);
  font-family: var(--font-heading);
  margin: 0;
}

.gb1b43 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin: 0;
}

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

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

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

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

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

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

.p019bd82 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  align-items: flex-start;
  transition: all var(--transition-base);
}

.p019bd82:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-md);
}

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

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

.i62ed {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  font-weight: 600;
  line-height: var(--line-height-tight);
  margin: 0;
}

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

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

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

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

.k844 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

.bb34 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 2px solid var(--color-accent);
  cursor: pointer;
  width: fit-content;
}

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

@media (min-width: 768px) {
  .le88e0 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .k79e02 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .p52f50 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .h946129 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .a0eee48 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .ndec5 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }
}

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

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

.cae8a6e8 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  border-bottom: 1px solid var(--color-border-light);
  overflow: hidden;
}

.d6719 {
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

.h787ab {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.l09 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
  display: flex;
  flex-direction: column;
}

.l09:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
}

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

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

.lf824c {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

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

.hc5411 {
  display: inline-block;
  background-color: var(--color-primary-lighter);
  color: var(--color-primary-dark);
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.l09 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
}

.l09 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-relaxed);
  margin: 0;
  flex: 1;
}

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

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

.ieb h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
}

.ieb p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-base);
  margin: 0 0 var(--spacing-xl) 0;
}

.kda0 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
}

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

.kda0:active {
  transform: translateY(0);
}

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

  .g86969c {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .h787ab {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .l09 {
    flex-direction: column;
  }

  .od672d {
    height: 250px;
  }

  .ieb {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

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

  .h787ab {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .od672d {
    height: 280px;
  }

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

@media (min-width: 1280px) {
  .h787ab {
    grid-template-columns: repeat(2, 1fr);
  }

  .od672d {
    height: 300px;
  }
}

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

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

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

.pbf {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.i9423b37 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-base);
}

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

@media (min-width: 1024px) {
  .h273 {
    padding: 5rem var(--spacing-xl);
  }
}

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

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

.b379 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

  .ecf0 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

  .ecf0 {
    padding: 5rem var(--spacing-xl);
  }
}

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

.k3ce:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

.kf195e2c {
  width: 3rem;
  height: 3rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  flex-shrink: 0;
}

.kf195e2c i {
  color: var(--color-primary);
  font-size: 1.5rem;
}

.c347 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.h2eba12a {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.ada9a84b {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-fast);
  display: inline-flex;
  align-items: center;
  width: fit-content;
}

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

.ada9a84b::after {
  content: '';
  margin-left: var(--spacing-sm);
  transition: var(--transition-fast);
}

.ada9a84b:hover::after {
  margin-left: var(--spacing-md);
}

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

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

.e9af7 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

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

.oe8b834 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

@media (min-width: 1024px) {
  .ab10 {
    padding: 5rem var(--spacing-xl);
  }
}

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

.c6a6c0 .l96d31 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.c6a6c0 .c3a236 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.c6a6c0 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.c6a6c0 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.c6a6c0 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-relaxed);
}

.c6a6c0 .pa6d8 {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.c6a6c0 ul {
  margin: var(--spacing-md) 0 var(--spacing-lg) var(--spacing-lg);
  list-style-position: outside;
}

.c6a6c0 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-relaxed);
}

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

.c6a6c0 .l7b25d58 {
  height: 1px;
  background-color: var(--color-border-light);
  margin: var(--spacing-3xl) 0;
}

.c6a6c0 .g4f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.c6a6c0 .g4f h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.c6a6c0 .g4f p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

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

.c6a6c0 .j83ce42 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.c6a6c0 .k04 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
}

@media (min-width: 768px) {
  .c6a6c0 .l96d31 {
    padding: 0 var(--spacing-lg);
  }

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

  .c6a6c0 h2 {
    margin-top: var(--spacing-4xl);
  }
}

@media (min-width: 1024px) {
  .c6a6c0 .l96d31 {
    padding: 0 var(--spacing-xl);
  }

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

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

html,
body {
  width: 100%;
  height: 100%;
}

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

.ba4ff3 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  padding: var(--spacing-md);
}

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

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

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

.c1ec87f {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.b2a29f {
  width: clamp(60px, 15vw, 100px);
  height: clamp(60px, 15vw, 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.b2a29f svg {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  stroke: var(--color-success);
}

h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: var(--spacing-md) 0 0 0;
  letter-spacing: -0.5px;
}

.ed5df35 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-md) 0 0 0;
}

.m9bcb {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-lg) 0 0 0;
}

.p1ba {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-md) 0 0 0;
}

.kcc1121 {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.9rem, 1vw, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  margin: var(--spacing-xl) 0 0 0;
}

.oa6853 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.oa6853:active {
  transform: translateY(0);
}

.oa6853:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .c1ec87f {
    gap: var(--spacing-xl);
  }
}

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .b2a29f {
    animation: none;
  }

  .kcc1121 {
    transition: none;
  }
}

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

.hf0a4b {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.be900 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

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

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

.a5010 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.j8c6e93 {
  margin-bottom: var(--spacing-3xl);
  position: relative;
}

.n0b7bd {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}

.e2b748 {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 15vw, 10rem);
  font-weight: 700;
  color: var(--color-primary);
  display: block;
  line-height: 1;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 2;
}

.c497 {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(200px, 60vw, 400px);
  height: 8px;
  background: linear-gradient(90deg, transparent, var(--color-accent), transparent);
  border-radius: var(--radius-full);
}

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

.k932bd26 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.01em;
}

.g4001 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-xl);
}

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

.l3903e p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.kcc1121 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  transition: all var(--transition-base) ease;
  cursor: pointer;
  border: 2px solid transparent;
  text-align: center;
  display: inline-block;
}

.oa6853 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.oa6853:active {
  transform: translateY(0);
}

.ne32 {
  padding: clamp(0.875rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  margin-bottom: var(--spacing-2xl);
}

.g55d0 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
}

.gd993634 {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  transition: all var(--transition-base) ease;
}

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

.jc4 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  font-weight: 700;
  min-width: clamp(2rem, 4vw, 2.5rem);
  flex-shrink: 0;
}

.a1ae0 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-xs);
}

.a1ae0 p {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-base);
  text-align: left;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 640px) {
  .be900 {
    padding: var(--spacing-xl) var(--spacing-md);
  }

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

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

  .a1ae0 p {
    text-align: center;
  }
}

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

  .c497 {
    bottom: -30px;
  }

  .gd993634 {
    flex-direction: row;
    text-align: left;
    align-items: flex-start;
  }

  .a1ae0 p {
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .a5010,
  .gd993634 {
    animation: none;
    transition: none;
  }

  .gd993634:hover {
    transform: none;
  }

  .oa6853:hover {
    transform: none;
  }
}

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

.b7e4bf {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.c626 {
  text-align: center;
}

.hb9d {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.e2b1d5 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 650px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .b7e4bf {
    padding: 4.5rem 2rem;
  }
}

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

.f5364a {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.efede {
  width: 100%;
}

.p5c2 {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  align-items: flex-start;
}

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

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

.od388b {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.e1e {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  background-color: var(--color-bg-card);
  padding: 2rem 1.5rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

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

.ie54e887 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.3px;
}

.neb214,
.f358 {
  width: 100%;
  padding: 0.875rem 1rem;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  box-sizing: border-box;
}

.neb214::placeholder,
.f358::placeholder {
  color: var(--color-text-muted);
}

.neb214:focus,
.f358:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
  background-color: var(--color-bg-primary);
}

.f358 {
  min-height: 140px;
  resize: vertical;
}

.mdb61347 {
  width: 100%;
  padding: 1rem 2rem;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
  text-transform: uppercase;
  box-sizing: border-box;
}

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

.mdb61347:active {
  transform: translateY(0);
}

.f179a0 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  line-height: var(--line-height-relaxed);
  text-align: center;
  margin-top: var(--spacing-sm);
}

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

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

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

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

.n5b7bc5 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-sm);
}

.o3a {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-base);
}

.baa {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  margin-bottom: var(--spacing-2xl);
}

.m81c {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

.ba30a {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
  flex-shrink: 0;
}

.d7c5 {
  flex: 1;
}

.g79 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.d0f8 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  line-height: var(--line-height-relaxed);
}

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

.d06f {
  background-color: var(--color-primary-light);
  padding: 1.75rem 1.5rem;
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

.h92e2a95 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.lf5 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-base);
}

.o1d {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  transition: all var(--transition-base);
  padding: 0.5rem 0;
  border-bottom: 2px solid var(--color-primary);
}

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

@media (min-width: 768px) {
  .f5364a {
    padding: 4.5rem 2rem;
  }

  .p5c2 {
    gap: 3.5rem;
  }

  .f05 {
    flex: 1 1 400px;
  }

  .bde93 {
    flex: 1 1 400px;
  }

  .e1e {
    padding: 2.5rem 2rem;
  }
}

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

  .p5c2 {
    gap: 4rem;
  }
}

.kce1d8 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.cc5 {
  width: 100%;
}

.e722 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-sm);
  text-align: center;
}

.j40a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-base);
  text-align: center;
  max-width: 500px;
  margin: 0 auto var(--spacing-2xl);
}

.p70 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
}

.iba7303 {
  background-color: var(--color-bg-card);
  padding: 1.75rem 1.5rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.iba7303:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

.aecf {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.cfd4 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

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

@media (min-width: 768px) {
  .kce1d8 {
    padding: 4.5rem 2rem;
  }

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

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

  .p70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 2.25rem;
  }

  .iba7303 {
    padding: 2rem 1.75rem;
  }
}

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

  .f05,
  .bde93 {
    flex: 1 1 100%;
  }
}
.fdb6ad,.f175{
  width: 34px;
}

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

.gf6{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .gf6{
    max-width: 100%;
  }
}

.gf6.c38d{
  z-index: 999;
}

.l7cb0e{
  padding-top: 50px;
}

.fdb6ad[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .l8b7 {
    aspect-ratio: 6 / 9;
  }
  .d7683 {
    aspect-ratio: 6 / 9;
  }
}