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

:root {
  --color-bg-primary: #041c2c;
  --color-bg-secondary: #0a2a3f;
  --color-bg-tertiary: #103952;
  --color-bg-card: #0a2a3f;

  --color-text-primary: #f0f9ff;
  --color-text-secondary: #7dd3fc;
  --color-text-muted: #38bdf8;

  --color-primary: #0ea5e9;
  --color-primary-hover: #0284c7;
  --color-primary-light: #38bdf8;
  --color-secondary: #38bdf8;
  --color-secondary-light: #7dd3fc;

  --color-success: #10b981;
  --color-success-light: #34d399;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #1e3a4c;
  --color-border-light: #0f3d52;

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'Poppins', sans-serif;

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

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

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 350ms ease-in-out;

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

  font-size: 16px;

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

h2 {
  font-size: 2.75rem;
  letter-spacing: -0.015em;
}

h3 {
  font-size: 2rem;
  letter-spacing: -0.01em;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

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

p {
  margin: 0 0 var(--spacing-md) 0;
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
}

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

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

button,
input[type="button"],
input[type="submit"] {
  font-family: var(--font-primary);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
}

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

.gf5b0d:hover {
  background: var(--color-primary-hover);
  box-shadow: 0 0 20px rgba(14, 165, 233, 0.3);
}

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

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

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

.i8c6:hover {
  background: rgba(14, 165, 233, 0.1);
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

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

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

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

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

.jfaafb5:hover {
  border-color: var(--color-primary);
  box-shadow: 0 0 20px rgba(14, 165, 233, 0.2);
}

.f85d8bd {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  border: 1px solid var(--color-border);
}

.jddec8 {
  background: rgba(14, 165, 233, 0.15);
  color: var(--color-primary-light);
  border-color: var(--color-primary);
}

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

.od5 {
  background: rgba(245, 158, 11, 0.15);
  color: var(--color-warning-light);
  border-color: var(--color-warning);
}

.fa7112 {
  background: rgba(239, 68, 68, 0.15);
  color: var(--color-danger-light);
  border-color: var(--color-danger);
}

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

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

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

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

.a725a {
  display: flex;
  gap: var(--spacing-lg);
}

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

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

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

.f1ee2ac {
  text-align: center;
}

.g663c {
  text-align: right;
}

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

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

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

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

.fd0e {
  color: var(--color-warning);
}

.dd5007a {
  color: var(--color-danger);
}

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

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

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

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

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

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

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

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

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

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

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

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

.ld2b {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}

.n16d15 {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}

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

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

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

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

.hbed92 {
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}

.na0 {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}

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

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

.db345 {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}

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

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

.bfaf {
  padding: var(--spacing-2xl) 0;
}

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

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

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

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

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

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

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

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

.e34a {
  opacity: 0.5;
}

.n1b4 {
  opacity: 0.75;
}

.pc4e {
  display: none;
}

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .ec3,
  .n04a0a,
  .beec3b {
    grid-template-columns: 1fr;
  }

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

  .c92e06,
  .efb011 {
    padding: var(--spacing-2xl) 0;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  button,
  input[type="button"],
  input[type="submit"] {
    width: 100%;
  }

  .a725a {
    flex-direction: column;
    gap: var(--spacing-md);
  }
}
.g670 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

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

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

.n38944:hover .bbbe {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

.d34e82 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex-grow: 1;
  justify-content: center;
}

.j5d0ae8 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e0ae32 {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  flex-shrink: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.mb490d7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  cursor: pointer;
  gap: 6px;
  padding: 0;
  flex-shrink: 0;
}

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

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

.a93.p3d61d {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

.f67f2c {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  padding: 1rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f67f2c:active {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
}

.efc {
  padding: 1rem clamp(1rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: all var(--transition-base);
  margin: 1rem clamp(1rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .a93 {
    display: none;
  }

  .d34e82 {
    display: flex;
  }

  .e0ae32 {
    display: inline-block;
  }

  .m7207 {
    padding: 1.25rem clamp(1rem, 3vw, 2rem);
  }
}

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

  .j5d0ae8 {
    font-size: 1rem;
  }

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

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

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

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

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

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

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

.i27c78 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.j0c39a90,
.g4d5d {
  padding: clamp(0.625rem, 1vw + 0.25rem, 1rem) clamp(1rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.g4d5d:hover {
  background: rgba(14, 165, 233, 0.1);
  transform: translateY(-2px);
}

.dc1aa9b4 {
  flex: 1 1 45%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
}

.bf7 {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  min-height: 350px;
}

.pf4fe {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  min-height: 160px;
}

.d48afc {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  min-height: 160px;
}

.bf7 img,
.pf4fe img,
.d48afc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

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

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

.i49e {
  text-align: center;
}

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

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

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

.l38 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

.k3b7 {
  text-align: center;
}

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

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

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

.db8 {
  flex: 1 1 200px;
  max-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 2vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  text-align: center;
}

.i6d {
  font-size: clamp(2.25rem, 6vw, 3.5rem);
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pbba7253 {
  text-align: center;
}

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

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

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

.oc45 {
  flex: 1 1 250px;
  max-width: 320px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 2vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.5rem);
  text-align: center;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

.e5eb92a5 {
  text-align: center;
}

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

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

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

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

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

.c5409 {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

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

.db61 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.b0e51d {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  transition: color var(--transition-base);
}

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

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

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

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

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

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

.nea {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  line-height: var(--line-height-tight);
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g12 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  opacity: 0.95;
  max-width: 600px;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p48,
.j39077f8 {
  padding: clamp(0.625rem, 1vw + 0.25rem, 1rem) clamp(1rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p48:hover {
  background: var(--color-bg-secondary);
  transform: translateY(-2px);
}

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

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

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

.g58ff6.pc4e {
  display: none;
}

.i5b3 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  margin: 0;
  line-height: var(--line-height-normal);
  max-width: 400px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e9f9 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1vw, 1rem);
  flex-wrap: wrap;
}

.m5c7c,
.e89c {
  padding: clamp(0.5rem, 0.75vw, 0.75rem) clamp(1rem, 1.5vw, 1.5rem);
  border-radius: var(--radius-sm);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  border: none;
  text-align: center;
  white-space: nowrap;
}

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

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

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

.e89c:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
}

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

  .fe391 {
    flex: 1 1 100%;
  }

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

  .g662 {
    flex-direction: column;
  }

  .d1a23c {
    flex: 1 1 100%;
  }

  .l809 {
    flex: 1 1 100%;
  }

  .bf7,
  .pf4fe,
  .d48afc {
    min-height: 200px;
  }
}

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

  .fe391 {
    flex: 1 1 100%;
  }

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

  .g662 {
    flex-direction: column;
  }

  .d1a23c {
    flex: 1 1 100%;
  }

  .l809 {
    flex: 1 1 100%;
  }

  .db8 {
    flex: 1 1 45%;
  }

  .l38 {
    flex: 1 1 45%;
  }

  .oc45 {
    flex: 1 1 45%;
  }

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

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

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

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

.a59 {
  max-width: 600px;
}

.a59 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.mcb2ce53,
.nccbaae {
  flex: 1 1 250px;
  min-width: 200px;
}

.mcb2ce53 h4,
.nccbaae h4,
.ge56a24 h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

.lfb1b {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin: 0;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .mcb2ce53,
  .nccbaae {
    flex: 1 1 100%;
  }

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

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

.keabbe {
  background: var(--color-bg-primary);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  border-bottom: 2px solid var(--color-bg-tertiary);
}

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

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

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

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

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

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

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

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

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

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

.bdaea {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ndb li {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1rem);
  align-items: flex-start;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ndb i {
  color: var(--color-accent);
  font-size: 1.125rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

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

.i5f {
  text-align: center;
}

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

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

.h4937 {
  flex: 1 1 clamp(280px, 100%, 400px);
  min-height: auto;
  display: flex;
  flex-direction: column;
}

.p294ac {
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-bg-tertiary);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  height: 100%;
  transition: all var(--transition-base);
}

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

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

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

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

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

.ic4202bf i,
.j0da5c7f i,
.b41a i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.l5f7ea4c {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all var(--transition-base);
  align-self: flex-start;
  margin-top: auto;
}

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

.l5f7ea4c::after {
  content: "→";
  transition: transform var(--transition-base);
}

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

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

@media (max-width: 767px) {
  .keabbe {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }

  .a80 {
    flex-direction: column;
  }

  .h4937 {
    flex: 1 1 100%;
  }

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

  .ic4202bf,
  .j0da5c7f,
  .b41a {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .a80 {
    flex-direction: row;
  }

  .h4937 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

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

.k76a {
    width: 100%;
    margin: 0;
    padding: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .edc {
    flex: 1 1 50%;
    max-width: 50%;
    aspect-ratio: 3 / 2;
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

  .da4a {
    background: var(--color-bg-tertiary);
    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);
  }

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

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

  .i709 {
    flex: 1 1 50%;
    max-width: 50%;
    aspect-ratio: 3 / 2;
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

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

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

  .k9a081c6 {
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.375rem);
    font-style: italic;
    color: var(--color-text-primary);
    line-height: var(--line-height-relaxed);
    font-weight: 500;
  }

  .p77c {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
    color: var(--color-text-muted);
    font-style: normal;
  }

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

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

  .b5705 {
    flex: 1 1 60%;
    max-width: 60%;
  }

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

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

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

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

  .cf83 {
    flex: 1 1 40%;
    max-width: 40%;
    position: sticky;
    top: 2rem;
  }

  .n6d715 {
    background: var(--color-bg-primary);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border-light);
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
    align-items: flex-start;
  }

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

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

  .o1f0db99 {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    font-family: var(--font-heading);
    font-weight: 700;
    margin: 0;
    line-height: var(--line-height-tight);
  }

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

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

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

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

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

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

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

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

  .ef7a {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
    margin-top: clamp(2rem, 4vw, 3rem);
    overflow: hidden;
  }

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

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

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

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

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

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

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

  .hd9f {
    flex: 1 1 calc(33.333% - 1.67rem);
    min-width: 280px;
    max-width: 380px;
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border-light);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all var(--transition-base);
  }

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

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

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

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

  .fcf {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    font-family: var(--font-heading);
    font-weight: 700;
    margin: 0;
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

  @media (max-width: 1024px) {
    .lba,
    .k522782c {
      flex-direction: column;
    }

    .df443d24,
    .edc,
    .bd8d3a,
    .i709 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

    .g8735ed {
      flex-direction: column;
    }

    .b5705,
    .cf83 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .cf83 {
      position: static;
    }
  }

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

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

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

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

.e35 {
  width: 100%;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: var(--line-height-normal);
}

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

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

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

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

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

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

.h085 {
  color: var(--color-text-primary);
  font-weight: 500;
}

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

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

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

.kf2 {
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: var(--line-height-relaxed);
}

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

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

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

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

.d938eb50 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
  background: var(--color-bg-secondary);
}

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

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

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

.m67f {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 500;
  line-height: var(--line-height-relaxed);
}

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

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

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

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

.ea5 {
  flex: 0 0 auto;
  width: clamp(3rem, 8vw, 5rem);
  height: clamp(3rem, 8vw, 5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  flex-shrink: 0;
}

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

.m5827 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

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

.fdc09 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  margin: 0;
  padding: clamp(0.75rem, 2vw, 1rem);
  background: var(--color-bg-secondary);
  border-left: 3px solid var(--color-accent);
  border-radius: var(--radius-sm);
  line-height: var(--line-height-relaxed);
}

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

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

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

.aca50fe {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: start;
}

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

.ec3356f0 {
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
}

.o9d {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
  align-items: center;
  text-align: center;
  border: 1px solid var(--color-border);
}

.kb7a3bd {
  width: clamp(80px, 15vw, 120px);
  height: clamp(80px, 15vw, 120px);
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
  background: var(--color-bg-secondary);
}

.afe {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

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

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

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

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

.e418ad8 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

.d176 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

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

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

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

.k4d09 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

.m74532f8 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

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

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

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

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

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

.d621798 {
  font-size: clamp(0.875rem, 1.1vw, 1rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 500;
  line-height: var(--line-height-relaxed);
  padding-top: clamp(0.75rem, 2vw, 1rem);
}

.nd7 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

.hb6 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

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

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

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

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

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

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

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

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

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

.p70a419e {
  flex: 1 1 calc(33.333% - 1.667rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

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

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

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

.p70a419e:hover .id5 {
  transform: scale(1.05);
}

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

.g2bc {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

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

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

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

.g161778 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border-left: 4px solid var(--color-warning);
}

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

.n36 {
  flex: 0 0 auto;
  width: clamp(2rem, 5vw, 3rem);
  height: clamp(2rem, 5vw, 3rem);
  background: var(--color-warning);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1rem, 2vw, 1.5rem);
  flex-shrink: 0;
}

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

.lda8ea {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

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

@media (max-width: 1023px) {
  .aca50fe {
    grid-template-columns: 1fr;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .ec3356f0 {
    position: relative;
    top: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .g2ac9434 {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

  .b3b7 {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

  .h30ec {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

  .b0afc4 {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

  .o3aba72 {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

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

  .ea5 {
    width: clamp(2.5rem, 6vw, 3rem);
    height: clamp(2.5rem, 6vw, 3rem);
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }

  .o9d {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .a953b {
    font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  }

  .k6968313 {
    font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  }

  .d15b6 {
    gap: clamp(0.5rem, 1vw, 0.75rem);
  }
}

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

html, body {
  width: 100%;
}

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

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

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

.k7af {
  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.95rem);
}

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

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

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

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

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

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

.d351ce {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

.d09e298,
.lc5,
.f33 {
  color: var(--color-text-secondary);
}

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

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

.lecd2 {
  font-size: clamp(0.95rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 95%;
}

.d27 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

  .m418367,
  .n5a8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k7af {
    flex-wrap: wrap;
  }
}

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

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

.i022f {
  flex: 1 1 65%;
  max-width: 65%;
}

.j7a {
  flex: 1 1 35%;
  max-width: 35%;
}

.o10 {
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  font-weight: 700;
}

.g63 {
  font-size: clamp(0.875rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

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

.o3722 {
  font-size: clamp(0.95rem, 1.3vw, 1.15rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  font-style: italic;
}

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

  .i022f,
  .j7a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.gcd {
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  font-weight: 700;
}

.pfdd53 {
  font-size: clamp(0.875rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

.db3 {
  list-style: none;
  margin: 1.5rem 0;
}

.p0068fe {
  font-size: clamp(0.875rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  padding-left: 1.75rem;
  margin-bottom: 0.75rem;
  position: relative;
}

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

.a51 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

  .j88eda38,
  .g41 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.jca {
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  font-weight: 700;
}

.eac {
  font-size: clamp(0.875rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

.n54c7 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

  .o5b49,
  .n653 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.i6d66551 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.fe9aba {
  border-left: 4px solid var(--color-accent);
  padding: clamp(2rem, 4vw, 3rem) clamp(1.5rem, 3vw, 2.5rem);
  margin: 0;
}

.ge7a2 {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  font-style: italic;
  margin-bottom: 1.5rem;
}

.gf7a414a {
  display: block;
}

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

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

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

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

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

.ib8 {
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  font-weight: 700;
}

.g482afac {
  font-size: clamp(0.875rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

.je83223d {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  margin: 1.75rem 0;
  padding: 1.25rem;
  background: var(--color-bg-secondary);
  border-radius: 8px;
}

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

.a1672 {
  flex: 1;
}

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

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

.a4ac3e {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

  .j5471,
  .b89bfc {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.f16d2b7 {
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  font-weight: 700;
}

.n67018 {
  font-size: clamp(0.875rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

.ic1 {
  list-style: none;
  margin: 1.5rem 0;
}

.ja307 {
  font-size: clamp(0.875rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  padding-left: 1.75rem;
  margin-bottom: 0.75rem;
  position: relative;
}

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

.ff2212 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

  .i9f35e,
  .c938445f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.o84 {
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  font-weight: 700;
}

.le74 {
  font-size: clamp(0.875rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

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

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

.m478 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent-light);
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: 8px;
}

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

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

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

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

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

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

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

.h752164 {
  margin: 0;
}

.e21 {
  font-size: clamp(1rem, 1.3vw, 1.15rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

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

.i3532a0 {
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  font-weight: 500;
  margin: 0;
}

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

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

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

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

.a1d63bc {
  max-width: 1440px;
  margin: 0 auto;
}

.nc220 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  text-align: center;
}

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

.kef1a2 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.67rem));
  max-width: 400px;
  min-width: 280px;
  background: var(--color-bg-primary);
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid var(--color-bg-tertiary);
}

.kef1a2:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(14, 165, 233, 0.15);
}

.be97 {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

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

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

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

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

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

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

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

html, body {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

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

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

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

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

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

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

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

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

.f0933 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.nd2 {
  color: var(--color-text-muted);
  font-size: 0.75rem;
}

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

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

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

.p08cc360 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

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

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

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

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

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

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

.o3d3b2f p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.8;
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
}

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

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

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

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

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

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

.b236f img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

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

.a9f3a {
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  border-radius: clamp(0.375rem, 1vw, 0.5rem);
}

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

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

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

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

.f6ec {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  order: -1;
}

.f6ec img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

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

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

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

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

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

.h93b66 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  line-height: 1.3;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  text-align: center;
}

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

.paf92f {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

.ge60393a img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

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

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

.g8e {
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 6px solid var(--color-accent);
  font-style: italic;
}

.g8e p {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.gf84 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-style: normal;
  display: block;
  margin-top: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

.jc6 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  order: -1;
}

.jc6 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

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

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

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

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

.e376 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  line-height: 1.3;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  text-align: center;
}

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

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

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

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

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

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

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

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

.g4b7 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 1px solid var(--color-border);
  max-width: 600px;
}

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

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

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

.h2f {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

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

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

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

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

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

.g198dea1 {
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-secondary);
  border-radius: clamp(0.375rem, 1vw, 0.5rem);
}

.of3f7e {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

.j99 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  line-height: 1.3;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  text-align: center;
}

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

.pe83 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 1px solid var(--color-border);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pe83:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(14, 165, 233, 0.15);
}

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

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

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

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

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

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

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

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

  .j65802,
  .p08cc360 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .pc62,
  .g9df913,
  .j6c9754,
  .eeb3 {
    flex-direction: column;
  }

  .c708,
  .l928bc1,
  .g7810,
  .m05b8,
  .b236f,
  .f6ec,
  .ge60393a,
  .jc6 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .f6ec,
  .jc6 {
    order: 0;
  }

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

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

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

  .n5ee {
    align-items: center;
  }
}

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

  .pe83 {
    flex: 1 1 calc(50% - 1rem);
    min-width: auto;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

.ea7e6 {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-align: center;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
}

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

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

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

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

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

.j08 {
  max-width: 700px;
}

.gfbd {
  font-size: clamp(2rem, 6vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 800;
}

.i06bf5c {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-relaxed);
}

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

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

  .j08 {
    flex: 1 1 50%;
  }

  .e16ade9 {
    flex: 1 1 50%;
    max-height: 500px;
  }
}

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

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

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

.c2612c {
  display: inline-block;
  background: var(--color-primary-light);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

.ob4f2 {
  flex: 1 1 calc(33.333% - var(--spacing-md));
  min-width: 280px;
  background: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  border-left: 4px solid var(--color-accent);
}

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

.g4dbbdbe {
  font-size: 2rem;
  color: var(--color-accent);
  margin-bottom: var(--spacing-md);
}

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

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

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

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

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

.d55fd {
  text-align: center;
}

.ld4bf573 {
  display: inline-block;
  background: var(--color-success-light);
  color: var(--color-success);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

.g4e3d {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto var(--spacing-lg);
  line-height: var(--line-height-relaxed);
}

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

.m1810 {
  flex: 1 1 calc(50% - var(--spacing-md));
  min-width: 250px;
  background: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.nc9 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: var(--color-accent-light);
  color: var(--color-accent);
  border-radius: var(--radius-full);
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: var(--spacing-md);
}

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

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

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

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

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

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

.gcf2a9 {
  display: inline-block;
  background: var(--color-warning-light);
  color: var(--color-warning);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

.j9f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.c74a8 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.i13b8283 {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent-light);
  color: var(--color-accent);
  border-radius: var(--radius-full);
  font-size: 1.125rem;
  margin-top: 0.25rem;
}

.mea {
  flex: 1;
}

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

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

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

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

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

.h7c {
  display: inline-block;
  background: var(--color-secondary-light);
  color: var(--color-secondary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

.lc8d1 {
  flex: 1 1 calc(33.333% - var(--spacing-md));
  min-width: 260px;
  background: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  border-top: 3px solid var(--color-accent);
}

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

.e8efa8 {
  font-size: 2.5rem;
  color: var(--color-accent);
  margin-bottom: var(--spacing-md);
}

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

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

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

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

.f427ea4d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  max-width: 850px;
  margin: 0 auto;
}

.lf9 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--spacing-md);
}

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

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

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

@media (min-width: 768px) {
  .ob4f2 {
    flex: 1 1 calc(33.333% - var(--spacing-md));
  }

  .m1810 {
    flex: 1 1 calc(50% - var(--spacing-md));
  }

  .lc8d1 {
    flex: 1 1 calc(33.333% - var(--spacing-md));
  }
}

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

  .m1810 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

.o037 {
  flex: 1 1 45%;
  min-height: 300px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

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

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

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

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

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

.l29975bb {
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
}

.l29975bb i {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 2vw, 2rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.l1d {
  color: var(--color-accent);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  font-family: var(--font-heading);
  flex-shrink: 0;
  width: clamp(3rem, 6vw, 4.5rem);
  height: clamp(3rem, 6vw, 4.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--color-accent-light);
  border-radius: 50%;
  line-height: 1;
}

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

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

.j42a {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.25vw, 1.0625rem);
  margin: 0;
  line-height: 1.7;
}

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

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

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

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

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

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

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

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

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

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

.mffb3 {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 1.75vw, 1.25rem);
  margin: 0;
  line-height: 1.3;
}

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

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

.c143 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}

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

.i0a2421 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-accent-light);
  border-radius: 12px;
  text-align: center;
}

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

.a45b4 {
  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, 1.25vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: 8px;
  transition: background 0.3s ease;
}

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

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

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

.a3b97 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.5rem);
  max-width: 600px;
}

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

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

.f80fdca {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(2rem, 4vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(0.9375rem, 1.25vw, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: 8px;
  transition: background 0.3s ease, transform 0.3s ease;
}

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

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

  .d25e {
    flex: 1 1 100%;
  }

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

  .l29975bb {
    flex: 1 1 100%;
  }

  .f876 {
    flex: 1 1 100%;
  }

  .o9aad {
    flex: 1 1 100%;
  }

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

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

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

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

@media (min-width: 1024px) {
  .k73f5a {
    gap: 4rem;
  }

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

  .f876 {
    flex: 1 1 calc(33.333% - 1.67rem);
  }

  .o9aad {
    flex: 1 1 calc(33.333% - 1.67rem);
  }
}

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

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

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

.g312 {
  text-align: center;
}

.m4db {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 6vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.j1ad7 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

.p7062fd {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.b0b {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.d06bee {
  padding: var(--spacing-lg);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.o4c {
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  align-self: flex-start;
  padding: var(--spacing-xs) var(--spacing-sm);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-sm);
}

.f231d1 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 3vw + 0.5rem, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.pc00facb {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

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

.nff45c00 {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.i67f23 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw + 0.5rem, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.c612e9f3 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.b243a {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: 2px solid var(--color-accent);
  cursor: pointer;
}

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

.b243a:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .d29 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .o8522e {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .p7062fd {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .b0b {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }

  .b0b:nth-child(even) {
    direction: rtl;
  }

  .b0b:nth-child(even) > * {
    direction: ltr;
  }

  .cc2bf {
    height: auto;
    min-height: 280px;
  }

  .a8970b80 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .d29 {
    padding: var(--spacing-4xl) 0;
  }

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

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

  .p7062fd {
    padding: 0 var(--spacing-lg);
    grid-template-columns: repeat(2, 1fr);
  }

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

  .cc2bf {
    min-height: 320px;
  }

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

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

@media (min-width: 1280px) {
  .p7062fd {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

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

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

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

.ke38569 p {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.kd1c92 {
  padding: 3rem var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.p6e8689 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

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

.k06a277 {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  flex-shrink: 0;
}

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

.p4e04ef3 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-normal);
}

.p9107d8 {
  font-size: clamp(0.875rem, 1.25vw, 0.9375rem);
  color: var(--color-text-muted);
  font-style: italic;
  margin-top: var(--spacing-xs) !important;
}

.a4f60 {
  padding: 3rem var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.kffb {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.kffb h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.kffb p {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.kf48b2 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

.kf48b2:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .ke38569 {
    padding: 4rem var(--spacing-lg);
  }

  .kd1c92 {
    padding: 4rem var(--spacing-lg);
  }

  .p6e8689 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

  .a4f60 {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ke38569 {
    padding: 5rem var(--spacing-xl);
  }

  .kd1c92 {
    padding: 5rem var(--spacing-xl);
  }

  .p6e8689 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .a4f60 {
    padding: 5rem var(--spacing-xl);
  }

  .kffb {
    max-width: 750px;
  }
}

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

  .p4e04ef3 {
    grid-column: span 1;
  }

  .p4e04ef3:nth-child(4) {
    grid-column: 2 / 4;
  }
}

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

.a72016 main {
  width: 100%;
}

.a72016 .n9f408 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.a72016 .nef20 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.a72016 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.a72016 .i7a {
  font-size: clamp(0.8rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.a72016 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.a72016 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.a72016 ul,
.a72016 ol {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  color: var(--color-text-primary);
}

.a72016 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

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

.a72016 .a48bb {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.a72016 .a48bb h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.a72016 .a48bb p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

@media (min-width: 768px) {
  .a72016 .nef20 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a72016 .n9f408 {
    padding: 0 var(--spacing-lg);
  }

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

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

.lfb {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.dc4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.n9f408 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: flex;
  justify-content: center;
}

.nef20 {
  width: 100%;
  max-width: 800px;
}

.l2b10c {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.p0962a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.p0962a svg {
  width: 80px;
  height: 80px;
  stroke: var(--color-success);
}

.ef821 {
  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);
  letter-spacing: -0.5px;
}

.pf8a2e {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-primary);
  line-height: var(--line-height-normal);
}

.h42c63fb {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
}

.oc94b868 {
  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);
  max-width: 700px;
  margin: 0 auto;
}

.ea7e6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: var(--transition-base);
  border-radius: var(--radius-md);
  padding: var(--spacing-sm) var(--spacing-lg);
}

.gf5b0d {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.gf5b0d:active {
  transform: translateY(0);
}

.i47 {
  padding: clamp(0.875rem, 1vw + 0.5rem, 1.125rem) clamp(1.5rem, 2vw + 1rem, 2.5rem);
  margin-top: var(--spacing-md);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

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

  .p0962a svg {
    width: 100px;
    height: 100px;
  }
}

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

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

  .p0962a svg {
    width: 120px;
    height: 120px;
  }

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

@media (prefers-reduced-motion: reduce) {
  .p0962a {
    animation: none;
  }

  .gf5b0d:hover {
    transform: none;
  }
}

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

.ibe4f {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icaa {
  width: 100%;
  padding: var(--spacing-md) 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .icaa {
    padding: var(--spacing-lg) 0;
  }
}

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

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

@media (min-width: 768px) {
  .n9f408 {
    padding: 0 var(--spacing-lg);
  }
}

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

.cf3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .cf3 {
    gap: var(--spacing-2xl);
  }
}

.g290f58c {
  position: relative;
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .g290f58c {
    height: 280px;
  }
}

.cff69d49 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -2px;
  position: relative;
  z-index: 2;
}

.l40 {
  position: absolute;
  width: 150px;
  height: 150px;
  border: 3px solid var(--color-primary-light);
  border-radius: var(--radius-2xl);
  opacity: 0.3;
  transform: rotate(12deg);
  animation: float 6s ease-in-out infinite;
}

@media (min-width: 768px) {
  .l40 {
    width: 220px;
    height: 220px;
  }
}

@keyframes float {
  0%, 100% {
    transform: rotate(12deg) translateY(0px);
  }
  50% {
    transform: rotate(12deg) translateY(-20px);
  }
}

.jd15 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

@media (min-width: 768px) {
  .jd15 {
    gap: var(--spacing-lg);
  }
}

.jd15 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

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

.i9105e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.l9a3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  margin-top: var(--spacing-md);
}

@media (min-width: 768px) {
  .l9a3 {
    gap: var(--spacing-xl);
    margin-top: var(--spacing-lg);
  }
}

.ea7e6 {
  display: inline-block;
  padding: 0.875rem 2.5rem;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
}

.gf5b0d {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.gf5b0d:active {
  transform: translateY(0);
}

.obd {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-muted);
  margin: 0;
  max-width: 550px;
}

@media (max-width: 480px) {
  .l40 {
    width: 100px;
    height: 100px;
    border-width: 2px;
  }
  
  .g290f58c {
    height: 160px;
  }
  
  .ea7e6 {
    width: 100%;
  }
}

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

.i0f10f {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.k8fe9 {
  max-width: 800px;
}

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

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

@media (min-width: 768px) {
  .i0f10f {
    padding: var(--spacing-4xl) 0;
  }
}

.cfbeb {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.d2d01 {
  width: 100%;
}

.k944c79 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

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

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

@media (min-width: 768px) {
  .peb {
    flex: 1 1 45%;
  }

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

.p5a1 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-lg);
}

.f028096 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.a28 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.f77 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.4rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.m0a,
.j6f7 {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  transition: all var(--transition-base);
}

.m0a::placeholder,
.j6f7::placeholder {
  color: var(--color-text-muted);
}

.m0a:focus,
.j6f7:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.j6f7 {
  resize: vertical;
  min-height: 140px;
}

.b3c8f1 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-base);
}

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

.b3c8f1:active {
  transform: translateY(0);
}

.o3c64e {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw + 0.3rem, 0.85rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
  margin-top: var(--spacing-sm);
}

.kdf {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.o57 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-lg);
}

.m74 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

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

.n6d {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  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.25rem;
}

.e4c8a5 {
  flex: 1;
}

.gbee25 {
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.ca3a12fa {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.hd4d {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.ffe9c {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.4rem, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.p83084 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-md) 0;
}

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

@media (min-width: 768px) {
  .cfbeb {
    padding: var(--spacing-4xl) 0;
  }
}

.eba3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.e6f6be {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.h77fd233 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
}

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

.k85393 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  justify-content: center;
}

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

.hbe0d11 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  font-weight: 700;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
}

.c61564f {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  flex: 1 1 auto;
  min-width: 160px;
}

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

.m69f {
  background-color: var(--color-bg-card);
  color: var(--color-text-primary);
  border: 2px solid var(--color-border);
  flex: 1 1 auto;
  min-width: 160px;
}

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

@media (min-width: 768px) {
  .eba3 {
    padding: var(--spacing-4xl) 0;
  }

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

  .hbe0d11 {
    flex: 0 1 auto;
  }
}

@media (max-width: 767px) {
  .k944c79 {
    gap: var(--spacing-2xl);
  }

  .peb,
  .c5d28cc {
    flex: 1 1 100%;
  }
}
.mb490d7,.g0d0d{
  width: 34px;
}

/* FIX:nav .d34e82 */
.d34e82{
  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;
}

.a93{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .a93{
    max-width: 100%;
  }
}

/* FIX:zindex .a93.p3d61d */
.a93.p3d61d{
  z-index: 999;
}

/* FIX:navpad .oeb51 */
.oeb51{
  padding-top: 50px;
}

/* FIX:toggle-expand .mb490d7 */
.mb490d7[aria-expanded="true"]{
  display: none;
}