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

:root {
  --color-bg-primary: #042f2e;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #064e4a;
  --color-bg-card: #ffffff;

  --color-text-primary: #248e87;
  --color-text-secondary: #c2c2c2;
  --color-text-muted: #959595;
  --color-text-inverse: #ffffff;

  --color-primary: #0d9488;
  --color-primary-hover: #0f766e;
  --color-primary-light: #ccf0eb;
  --color-secondary: #14b8a6;
  --color-secondary-light: #d4f8f5;

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #d1e5e3;
  --color-border-light: #e8f4f2;

  --font-primary: 'Lora', serif;
  --font-heading: 'Playfair Display', serif;

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

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

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 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;
  --line-height-loose: 2;

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

  
  --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 {
  margin: 0;
  padding: 0;
  font-family: var(--font-primary);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  font-size: 1rem;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: var(--line-height-tight);
  margin-top: 0;
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-tight);
}

h1 {
  font-size: 3.5rem;
  font-weight: 700;
}

h2 {
  font-size: 2.5rem;
  font-weight: 700;
}

h3 {
  font-size: 2rem;
  font-weight: 600;
}

h4 {
  font-size: 1.5rem;
  font-weight: 600;
}

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

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

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

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

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

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

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  border: none;
  border-radius: var(--radius-lg);
  padding: var(--spacing-sm) var(--spacing-lg);
  transition: all var(--transition-fast);
}

button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.k37788 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-lg);
  text-decoration: none;
  transition: all var(--transition-fast);
  cursor: pointer;
  border: 2px solid transparent;
}

.d12c {
  background: var(--color-primary);
  color: var(--color-text-inverse);
  border-color: var(--color-primary);
}

.d12c:hover {
  background: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

.icf {
  background: var(--color-secondary);
  color: var(--color-text-inverse);
  border-color: var(--color-secondary);
}

.icf:hover {
  background: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

.c90f807b {
  background: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
}

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

.o186 {
  background: transparent;
  color: var(--color-primary);
  border-color: transparent;
}

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

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

.cb98 {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: 1.125rem;
}

.k37788:disabled,
button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

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

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

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

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

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

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

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

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

.p939 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-inverse);
}

.a9780d {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  border-radius: var(--radius-xl);
  padding: var(--spacing-2xl);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.g15 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-inverse);
  border: 1px solid var(--color-border);
}

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

.ec11 {
  border-left: 4px solid var(--color-primary);
}

.idf6a {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

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

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

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

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

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

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

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

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

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

.g753f {
  display: flex;
  gap: var(--spacing-md);
}

.f6f5ce {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
}

.c18 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md);
}

.h3c {
  flex-direction: column;
}

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

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

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

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

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

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

.a27 {
  font-size: 0.75rem;
  line-height: var(--line-height-tight);
}

.d27815d7 {
  font-size: 0.875rem;
  line-height: var(--line-height-normal);
}

.pe89c03 {
  font-size: 1rem;
  line-height: var(--line-height-normal);
}

.ha66b1b {
  font-size: 1.125rem;
  line-height: var(--line-height-relaxed);
}

.h29f7d {
  font-size: 1.25rem;
  line-height: var(--line-height-relaxed);
}

.eb7150 {
  font-size: 1.5rem;
  line-height: var(--line-height-relaxed);
}

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

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

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

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

.lbb23970 {
  text-align: center;
}

.cce34e {
  text-align: right;
}

.k348c5 {
  text-align: left;
}

.bec88 {
  text-align: justify;
}

.o554d {
  font-weight: 400;
}

.h2b78d1c {
  font-weight: 500;
}

.h877 {
  font-weight: 600;
}

.ke2f {
  font-weight: 700;
}

.b0c {
  line-height: var(--line-height-tight);
}

.h23 {
  line-height: var(--line-height-normal);
}

.nf14 {
  line-height: var(--line-height-relaxed);
}

.ab179a {
  line-height: var(--line-height-loose);
}

.bf86d068 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.n13 {
  margin-left: var(--spacing-xs);
  margin-right: var(--spacing-xs);
}

.i3b {
  margin-left: var(--spacing-sm);
  margin-right: var(--spacing-sm);
}

.oba {
  margin-left: var(--spacing-md);
  margin-right: var(--spacing-md);
}

.fdd953 {
  margin-left: var(--spacing-lg);
  margin-right: var(--spacing-lg);
}

.kc6f71 {
  margin-left: var(--spacing-xl);
  margin-right: var(--spacing-xl);
}

.o1ef1 {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nd81c {
  border-radius: 9999px;
}

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

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

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

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

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

.gddf03b1 {
  opacity: 0.5;
}

.b92 {
  opacity: 0.75;
}

.f9c {
  opacity: 1;
}

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

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

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

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

.k5a {
  list-style: none;
}

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

.o52 {
  border-color: var(--color-border-light);
}

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

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

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

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

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

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

th {
  padding: var(--spacing-md);
  text-align: left;
  font-weight: 600;
}

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

tbody tr:hover {
  background: var(--color-primary-light);
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .ded927b,
  .p923,
  .c68a {
    grid-template-columns: 1fr;
  }

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

  .p830a {
    padding: var(--spacing-3xl) 0;
  }

  .mc9a {
    flex-direction: column;
  }

  .fb1348 {
    text-align: center;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .k37788 {
    width: 100%;
    text-align: center;
  }

  .g753f {
    flex-direction: column;
  }

  input,
  textarea,
  select {
    width: 100%;
  }
}
.f83995 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 100;
}

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

.nbd5 {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 0.5rem;
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.nbd5:hover {
  transform: translateY(-2px);
}

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

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

.iebcb9 {
  display: none;
  align-items: center;
  gap: clamp(0.5rem, 2vw, 2rem);
  flex: 1;
  margin: 0 2rem;
}

.b7f962 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
  white-space: nowrap;
}

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

.c1c {
  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.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: background var(--transition-base), transform var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

.ea9c817d {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
}

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

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

.ea9c817d.j7142 span:nth-child(2) {
  opacity: 0;
}

.ea9c817d.j7142 span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

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

.n80682cf.j7142 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.jae {
  display: flex;
  justify-content: flex-end;
  padding: clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.j57e7 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: clamp(1rem, 3vw, 2rem);
  overflow-y: auto;
  flex: 1;
}

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

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

.d0b79b9 {
  margin-top: auto;
  padding: 1rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  transition: background var(--transition-base);
  display: block;
}

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

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

  .c1c {
    display: block;
  }

  .ea9c817d {
    display: none;
  }

  .n80682cf {
    display: none;
  }
}

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

  .c1c {
    padding: 0.875rem 2rem;
    font-size: 0.95rem;
  }
}

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

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

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

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

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

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

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

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

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

.k37788 {
  padding: 0.75rem 1.75rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

.b645 {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

  .kdf3,
  .b645 {
    flex: 1 1 100%;
  }

  .o20c3 {
    flex-direction: column;
  }

  .k37788 {
    width: 100%;
  }
}

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

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

.i501 {
  text-align: center;
}

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

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

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

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

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

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

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

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

.occ5c6 {
  text-align: center;
}

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

.i8f {
  color: var(--color-text-inverse);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  opacity: 0.9;
}

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

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

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

.b797a {
  width: 4px;
  height: 24px;
  background: var(--color-accent);
  border-radius: var(--radius-sm);
}

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

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

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

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

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

.l6d {
  text-align: center;
}

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

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

.nde66 {
  display: flex;
  flex-direction: row;
  gap: 0;
  min-height: 400px;
}

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

.l653a {
  background: rgba(20, 184, 166, 0.08);
  border-right: 2px solid var(--color-border-light);
}

.m246 {
  background: rgba(20, 184, 166, 0.15);
}

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

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

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

.g23,
.ie37e50f {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 4px;
}

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

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

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

@media (max-width: 768px) {
  .nde66 {
    flex-direction: column;
    min-height: auto;
  }

  .d53 {
    flex: 1 1 100%;
  }

  .l653a {
    border-right: none;
    border-bottom: 2px solid var(--color-border-light);
  }
}

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

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

.h6459 {
  text-align: center;
}

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

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

.m6cd49b {
  display: flex;
  flex-direction: row;
  gap: 0;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

.o3a7c9 {
  background: rgba(255, 107, 107, 0.08);
  border-right: 2px solid var(--color-border-light);
}

.p14e {
  background: rgba(20, 184, 166, 0.08);
}

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

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

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

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

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

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

  .o81b {
    flex: 1 1 100%;
  }

  .o3a7c9 {
    border-right: none;
    border-bottom: 2px solid var(--color-border-light);
  }
}

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

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

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

.ka3727be {
  color: var(--color-text-inverse);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
}

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

.ab53 {
  color: var(--color-text-inverse);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  margin-top: 0.5rem;
  font-style: italic;
}

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

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

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

  .n157,
  .af84e0 {
    flex: 1 1 100%;
  }
}

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

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

.d43d0 {
  text-align: center;
}

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

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

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

.n309 {
  flex: 1;
  min-width: 200px;
  overflow: hidden;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

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

.e691f76 {
  flex: 1 1 calc(50% - 0.75rem);
  min-height: 350px;
}

.l153 {
  flex: 1 1 calc(33.333% - 1rem);
  min-height: 250px;
}

.k854 {
  flex: 1 1 calc(25% - 1rem);
  min-height: 200px;
}

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

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

  .l153 {
    flex: 1 1 calc(50% - 0.75rem);
    min-height: 220px;
  }

  .k854 {
    flex: 1 1 calc(50% - 0.75rem);
    min-height: 180px;
  }
}

@media (max-width: 768px) {
  .e691f76,
  .l153,
  .k854 {
    flex: 1 1 100%;
    min-height: 200px;
  }
}

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

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

.md074203 {
  text-align: center;
}

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

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

.h4dd5 {
  position: relative;
  max-width: 500px;
  margin: 0 auto 2rem;
}

.ibf {
  width: 100%;
  padding: 0.875rem 1rem 0.875rem 2.75rem;
  border: 2px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-family: var(--font-primary);
  transition: all 0.3s ease;
}

.ibf:focus {
  outline: none;
  border-color: var(--color-accent);
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.1);
}

.nb6d {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-text-muted);
  pointer-events: none;
}

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

.j62f {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  transition: all 0.3s ease;
}

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

.c32a {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0 0 1rem 0;
  cursor: pointer;
}

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

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

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

.g74e36 {
  color: var(--color-text-on-accent);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
}

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

.c136 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

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

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

.c136 .d421 {
  background: transparent;
  color: var(--color-text-on-accent);
  border-color: var(--color-text-on-accent);
}

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

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

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

.kb5 {
  text-align: center;
}

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

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

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

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

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

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

.j0dc {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  transition: all 0.3s ease;
}

.g9706c39:hover .j0dc {
  transform: scale(1.05);
}

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

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

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

.od68c5ab {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
  align-self: flex-start;
}

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

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

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

.o690.bab4e {
  display: none;
}

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

.g2e197 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.h33016e,
.i07c {
  padding: 0.5rem 1.25rem;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-family: var(--font-primary);
  transition: all 0.3s ease;
}

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

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

.i07c {
  background: transparent;
  color: var(--color-text-inverse);
  border: 1px solid var(--color-border);
}

.i07c:hover {
  background: var(--color-bg-card);
  border-color: var(--color-text-inverse);
}

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

  .e8fe7f13 {
    text-align: center;
  }

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

  .h33016e,
  .i07c {
    flex: 1;
    min-width: 120px;
  }
}

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

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

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

.e8d9 {
  display: block;
}

.e8d9 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-normal);
}

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

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

.gafb6,
.j4a5,
.cc7d8775 {
  display: block;
  flex: 1 1 200px;
}

.gafb6 h3,
.j4a5 h3,
.cc7d8775 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-normal);
}

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

.j5a99 li,
.lf02 li {
  display: block;
}

.gafb6 a,
.cc7d8775 a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  text-decoration: none;
  transition: color var(--transition-base);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.gafb6 a:hover,
.cc7d8775 a:hover {
  color: var(--color-accent);
}

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

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

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

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

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

@media (max-width: 767px) {
  .m9a {
    flex-direction: column;
    gap: clamp(1.75rem, 4vw, 2.5rem);
  }

  .gafb6,
  .j4a5,
  .cc7d8775 {
    flex: 1 1 100%;
  }

  .k4e295e2 {
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .m9a {
    gap: clamp(1.5rem, 4vw, 2.5rem);
  }

  .gafb6,
  .j4a5,
  .cc7d8775 {
    flex: 1 1 calc(33.333% - 1.5rem);
  }
}

@media (min-width: 1025px) {
  .m9a {
    gap: clamp(2rem, 5vw, 3.5rem);
  }

  .gafb6,
  .j4a5,
  .cc7d8775 {
    flex: 0 1 auto;
    min-width: 200px;
  }
}
    

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

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

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

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

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

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

.p050e8 {
  color: var(--color-accent);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.c540e540 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

  .b8673 {
    flex: 1 1 50%;
  }

  .c540e540 {
    flex: 1 1 50%;
  }

  .f9df558d {
    max-height: 450px;
  }
}

@media (min-width: 1024px) {
  .aaa5cf1d {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .f9df558d {
    max-height: 500px;
  }
}

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

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

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

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

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

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

.a1d {
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 240px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

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

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

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

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

.p90,
.h6f50,
.j689 {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.p90 i,
.h6f50 i,
.j689 i {
  font-size: 0.875rem;
  color: var(--color-accent);
}

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

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

@media (max-width: 1279px) {
  .a1d {
    flex: 1 1 calc(33.333% - 1.5rem);
    max-width: 380px;
  }
}

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

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

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

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

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

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

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

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

.m6f861 {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(2rem, 5vw, 3rem);
}

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

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

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

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

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

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

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

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

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

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

.o30 {
  flex-shrink: 0;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  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.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

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

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

@media (min-width: 768px) {
  .aaa5cf1d {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .hc67 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .c4a {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .n163320 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

@media (min-width: 1024px) {
  .aaa5cf1d {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .hc67 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .c4a {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .n163320 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }
}

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

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

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

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

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

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

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

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

.n9f3ea {
  color: var(--color-secondary);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.h66fd6 {
  color: #e0e0e0;
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.6;
  margin: 0;
  max-width: 650px;
}

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

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

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

.f9f84f {
  width: 100%;
  margin-top: 1.5rem;
}

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

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

.p842 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: #f8fafc;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
}

.k946487 {
  flex-shrink: 0;
}

.m76 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

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

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

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

.h7ab {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

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

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

.e47d62 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  line-height: 1.8;
  margin: 0 0 1.5rem 0;
}

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

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

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

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

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

.ncec {
  color: var(--color-secondary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

.i858 {
  color: var(--color-secondary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin: 1.5rem 0 0.75rem 0;
  line-height: 1.4;
}

.i858:first-child {
  margin-top: 0;
}

.fea p {
  color: #e0e0e0;
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  line-height: 1.8;
  margin: 0 0 1rem 0;
}

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

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

.oed424 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  background: #fef3c7;
  border-left: 4px solid #f59e0b;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 8px;
  align-items: flex-start;
}

.hebaf {
  flex-shrink: 0;
  color: #f59e0b;
  font-size: 1.5rem;
}

.j57c2 p {
  color: #78350f;
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  line-height: 1.7;
  margin: 0;
}

.j57c2 strong {
  font-weight: 700;
}

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

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

.b88 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

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

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

.cd5e506 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  line-height: 1.8;
  margin: 0 0 1.5rem 0;
}

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

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

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

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

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

.i0dd86 {
  color: var(--color-secondary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

.m40 {
  color: var(--color-secondary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin: 1.5rem 0 0.75rem 0;
  line-height: 1.4;
}

.m40:first-child {
  margin-top: 0;
}

.oee p {
  color: #e0e0e0;
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  line-height: 1.8;
  margin: 0 0 1rem 0;
}

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

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

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

.c43b0 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

.ea8f7784 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  line-height: 1.8;
  margin: 0;
}

.p2e32a02 {
  margin-top: 1.5rem;
}

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

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

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

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

.j226 {
  color: var(--color-secondary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

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

.kbe9 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-secondary);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

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

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

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

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

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

  .k3ec,
  .e87e6,
  .i0a4f8,
  .ac20c {
    flex-direction: column;
  }

  .e47d62,
  .e461e,
  .p4c6db6,
  .fea,
  .cd5e506,
  .i1e2774c,
  .ee97d26,
  .oee {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

@media (max-width: 1023px) {
  .kbe9 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 250px;
    max-width: 100%;
  }
}

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

html, body {
  font-family: 'Lora', serif;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.fe0b06d {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k7f55 {
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
}

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

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

.be70c122 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: #ffffff;
  margin: 0;
}

.d5d31e {
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease;
}

.d5d31e:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}

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

.l96 {
  color: #e2e8f0;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.6;
  margin: 0;
}

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

  .k7f55 {
    flex: 0 0 100px;
    width: 100px;
    height: 100px;
  }
}

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

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

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

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

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

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

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

.p6ba1f {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
}

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

  .l0a6,
  .me351 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.f0cb0 {
  color: #ffffff;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.i2d0d {
  color: #e2e8f0;
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.p89db {
  color: #ffffff;
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.7;
  margin: 0;
}

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

.l59f4f {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
}

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

  .i2d0d,
  .l59f4f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.a4f2a56 {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
}

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

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

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

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

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

  .a4f2a56,
  .n257 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.fcfc923b {
  flex: 0 0 auto;
  color: var(--color-secondary);
  font-size: clamp(1.5rem, 3vw, 2rem);
  margin-top: 0.25rem;
}

.ka7d {
  flex: 1 1 auto;
}

.i0d69 {
  color: #ffffff;
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin-bottom: 0.75rem;
}

.a515e {
  color: #e2e8f0;
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.7;
  margin: 0;
}

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

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

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

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

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

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

.p432 {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: bold;
  font-family: 'Playfair Display', serif;
}

.ie5a2a {
  flex: 1 1 auto;
}

.ga6b {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  margin: 0 0 0.5rem 0;
}

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

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

.d52b69c {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
}

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

  .gc44d9a,
  .d52b69c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.n5652a {
  color: #ffffff;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.3;
}

.i6be2554 {
  color: #e2e8f0;
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  line-height: 1.8;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

.o78d6b8 {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 500;
  transition: all 0.3s ease;
}

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

.o78d6b8 i {
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: transform 0.3s ease;
}

.o78d6b8:hover i {
  transform: translateX(4px);
}

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

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

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

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

.kd8ca8 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

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

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

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

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

.l9fdc2df {
  margin: 0;
}

.pd926b {
  color: var(--color-text-primary);
  text-decoration: none;
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  transition: all 0.3s ease;
}

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

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

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

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

@media (max-width: 480px) {
  .f5d {
    font-size: clamp(1.5rem, 4vw, 2.25rem);
  }

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

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

html, body {
  font-family: 'Lora', serif;
  line-height: 1.6;
}

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

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

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

.a82973 a,
.a82973 span {
  color: var(--color-secondary);
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

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

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

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

.i09 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-muted);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a11 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

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

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

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

.o4c1 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  object-fit: cover;
}

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

  .me128aa,
  .o4c1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.d207400 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  background: #f8fafc;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
}

.g95b6 {
  flex-shrink: 0;
}

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

.l63a3 {
  flex: 1;
}

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

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

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

.nbb23c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.75rem;
  font-weight: 500;
}

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

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

  .g95b6 {
    flex-shrink: 1;
  }
}

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

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

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

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

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

.lcfa96 .m9571,
.m450624d .m9571 {
  color: var(--color-text-primary);
}

.c8c9d .m9571,
.hd52e .m9571 {
  color: var(--color-text-muted);
}

.eb691 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-weight: 700;
}

.lcfa96 .eb691,
.m450624d .eb691 {
  color: var(--color-text-primary);
}

.c8c9d .eb691,
.hd52e .eb691 {
  color: var(--color-secondary);
}

.m004e5 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.lcfa96 .m004e5,
.m450624d .m004e5 {
  color: var(--color-text-secondary);
}

.c8c9d .m004e5,
.hd52e .m004e5 {
  color: var(--color-text-muted);
}

.p67 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

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

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

.j546334d {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.125rem;
}

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

.bb7 strong {
  color: var(--color-text-primary);
}

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

  .m9571,
  .p67 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.c4ece {
  flex: 1;
}

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

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

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

  .ac79fd {
    margin-top: 0;
  }
}

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

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

.e72d {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-weight: 700;
}

.g66 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o9f58 {
  background: var(--color-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

.nf8 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-on-accent);
  margin-bottom: 1rem;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.d3b2a2:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

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

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

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

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

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

.h14e4 {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

.kf62a03 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: all 0.3s ease;
  align-self: flex-start;
}

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

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

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

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

a {
  transition: all 0.3s ease;
}

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

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

html, body {
  height: 100%;
}

body {
  font-family: 'Lora', serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  overflow-x: hidden;
}

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

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

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

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

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

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

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

.ba3a37c {
  color: var(--color-secondary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-family: 'Playfair Display', serif;
  line-height: 1.2;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

.fb0887 {
  color: #e0e7ff;
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

.mf86e5 i {
  color: var(--color-secondary);
  font-size: 1rem;
}

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

.a7d68e {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

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

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

.l22f535 {
  flex-shrink: 0;
}

.cd5cb {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  object-fit: cover;
  display: block;
}

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

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

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

.e67fdb9 {
  color: var(--color-text-primary);
  text-decoration: none;
}

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

.c358 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

.kab8aa2 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

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

.fa444b {
  color: #ffffff;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.i065145 {
  background: rgba(255, 255, 255, 0.08);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 6px;
  border-left: 3px solid var(--color-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.cdf7 {
  color: #e0e7ff;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: 1.7;
  margin: 0;
}

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

.b9d7d3 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: #fef3c7;
  border-left: 4px solid #f59e0b;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 6px;
  align-items: flex-start;
}

.b9d7d3 i {
  color: #d97706;
  font-size: 1.5rem;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.b96ae {
  flex: 1;
}

.f95 {
  color: #92400e;
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.2rem);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.g4730f {
  color: #78350f;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: 1.6;
  margin: 0;
}

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

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

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

.c48e60b8 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

.oe525c3 {
  color: #ffffff;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

.bc990678 {
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 6px;
  border-left: 3px solid var(--color-secondary);
}

.da1a2 {
  color: var(--color-secondary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.2rem);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.g0ca {
  color: #e0e7ff;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: 1.7;
  margin: 0;
}

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

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

.n16c {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.d2c {
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

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

.o10cdb7:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(13, 148, 136, 0.3);
}

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

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

.g62fa {
  color: var(--color-secondary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

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

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

.b87b:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

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

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

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

.b50b4 {
  margin: 0;
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.2rem);
  font-weight: 600;
}

.d85 {
  color: var(--color-text-primary);
  text-decoration: none;
}

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

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

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

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

.e6fd4f a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.e6fd4f span {
  color: #cbd5e1;
}

@media (max-width: 768px) {
  .m5cadb7,
  .bc132,
  .cc09964,
  .fe9cd,
  .ca2 {
    flex-direction: column;
  }

  .e26ce97,
  .g803991,
  .f9f,
  .b5de08,
  .d8d,
  .m3a90,
  .gdca,
  .f99b8,
  .jcb1e2,
  .n0ef0 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .m108c {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }

  .l22f535 {
    width: 100%;
  }

  .cd5cb {
    width: 100%;
    max-width: 200px;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  .c742e {
    flex-direction: column;
  }

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

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

@media (min-width: 769px) and (max-width: 1023px) {
  .c742e {
    gap: clamp(1rem, 2vw, 2rem);
  }

  .b87b {
    flex: 1 1 calc(50% - 1rem);
    max-width: 100%;
  }
}

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

  .b87b {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    max-width: 400px;
  }
}

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

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

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

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

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

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

.a01c {
  text-align: center;
  max-width: 800px;
}

.p8d8 {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  letter-spacing: -0.02em;
}

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

.f787 {
  width: 100%;
  max-width: 600px;
  height: auto;
  border-radius: clamp(8px, 2vw, 16px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  display: block;
}

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

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

.j24 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.ja3a1bf6 {
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
}

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

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

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

.c23d912 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.d751e {
  font-size: clamp(3rem, 8vw, 4.5rem);
  font-weight: 800;
  color: var(--color-accent);
  font-family: var(--font-heading);
  opacity: 0.15;
  line-height: 0.9;
  margin-bottom: -0.5rem;
}

.hd468 {
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.75rem;
}

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

.i683be {
  flex: 1;
  min-width: 0;
  width: 100%;
  height: auto;
  border-radius: clamp(8px, 2vw, 12px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  display: block;
}

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

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

.cb6b {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.b20d12cc {
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
}

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

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

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

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

.nb90:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  border-color: var(--color-accent);
}

.kdfd90 {
  font-size: 2.5rem;
  color: var(--color-accent);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(13, 148, 136, 0.08);
  border-radius: 8px;
}

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

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

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

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

.f2b950c {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.fa952e {
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
}

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

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

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

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

.k504db8 {
  flex: 1 1 45%;
  min-width: 0;
}

.k504db8 h3 {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.6rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1rem;
}

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

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

.ma60ab {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1rem;
}

.fb97 {
  display: flex;
  gap: 0.75rem;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  align-items: flex-start;
}

.le7bd5 {
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 0.2rem;
}

.fad9 {
  flex: 1 1 45%;
  min-width: 0;
  width: 100%;
  height: auto;
  border-radius: clamp(8px, 2vw, 12px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  display: block;
}

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

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

.g7fac {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.d7c43c2f {
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
}

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

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

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

.e5222 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 200px;
  max-width: 280px;
  text-align: center;
}

.i61 {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-weight: 800;
  color: var(--color-accent);
  font-family: var(--font-heading);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.kd5 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
}

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

.dfe {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.p22 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.lbe {
  font-size: 1.5rem;
  color: var(--color-accent);
}

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

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

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

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

@media (min-width: 1024px) {
  .e5222 {
    flex: 1 1 calc(25% - 1.5rem);
  }
}

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

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

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

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

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

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

.m43dfc {
  text-align: center;
  max-width: 700px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.5rem);
}

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

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

.hf0 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.a57 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  transition: var(--transition-base);
}

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

.g267 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

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

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

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

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

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

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

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

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

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

.g82 {
  max-width: 700px;
  margin: 0 auto;
  padding: clamp(2rem, 4vw, 3.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-accent);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.75rem);
}

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

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

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

.a3cbcf40,
.k9c100 {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  text-align: center;
  min-width: 200px;
}

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

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

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

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

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

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

  .m43dfc {
    flex: 1 1 55%;
    text-align: left;
    align-items: flex-start;
  }

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

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

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

  .a57 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    min-width: 280px;
  }

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

  .a3cbcf40,
  .k9c100 {
    min-width: auto;
    width: auto;
  }
}

@media (min-width: 1024px) {
  .f136a42 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .c0d,
  .g3d6c,
  .j5aa8a,
  .h6de10,
  .ed1f030a {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .a2a4ab4 {
    flex: 1 1 calc(25% - clamp(1.125rem, 2vw, 1.875rem));
  }

  .a57 {
    flex: 1 1 calc(33.333% - clamp(1.125rem, 2vw, 1.875rem));
  }
}

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

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

.dc95d {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

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

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

.a9800bb {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

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

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

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

.b03cb9e {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

.k5fcd7a9 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

  .k5fcd7a9 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
}

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

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

.b563e {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

.hfd4 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.pad {
  display: flex;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
  flex-wrap: wrap;
}

.b2c7b {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-primary);
  font-size: 0.75rem;
  font-family: var(--font-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

.h1040f {
  display: inline-block;
  background-color: var(--color-secondary-light);
  color: var(--color-text-primary);
  font-size: 0.75rem;
  font-family: var(--font-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

.o478 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.a46e5ac {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.fc8 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-top: auto;
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
}

.m331 {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
}

.m331::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: var(--color-primary);
  border-radius: 50%;
  margin-right: var(--spacing-sm);
  flex-shrink: 0;
}

.h6f7 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

.gf38 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  align-items: center;
}

.kdc9 {
  max-width: 700px;
}

.f0c765ec {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

.b1b5a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.4rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.neb {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
  letter-spacing: var(--letter-spacing-normal);
}

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

.neb:active {
  transform: translateY(0);
}

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

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

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

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

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

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

.a519eec7 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.c574 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.nab4961f {
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.fef9 {
  border-bottom: 1px solid var(--color-border-light);
  padding: var(--spacing-lg) 0;
}

.fef9:first-child {
  padding-top: 0;
}

.fef9:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.hb2fbc6 {
  background: none;
  border: none;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  cursor: pointer;
  text-align: left;
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 500;
  line-height: var(--line-height-normal);
  transition: color var(--transition-base);
}

.hb2fbc6:hover {
  color: var(--color-primary);
}

.oa8fbdf9 {
  flex: 1;
}

.n14 {
  width: 24px;
  height: 24px;
  color: var(--color-primary);
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.hb2fbc6[data-toggle][aria-expanded="true"] .n14 {
  transform: rotate(180deg);
}

.la55e {
  padding: var(--spacing-lg) 0;
  animation: slideDown var(--transition-base) ease-out;
}

.la55e[hidden] {
  display: none;
}

.la55e p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  padding-right: var(--spacing-lg);
}

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

.pdd3ede9 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  align-items: center;
}

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

.f152cd {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.a9b75 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.ka51b28 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1rem);
  font-weight: 500;
  text-decoration: none;
  transition: background-color var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

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

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

  .nab4961f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .pdd3ede9 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .nb816a2 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .nab4961f {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .pdd3ede9 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .la55e p {
    padding-right: var(--spacing-2xl);
  }
}

.o90 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  padding: var(--spacing-lg) 0;
}

.o90 .a42 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

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

.o90 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
  margin-top: 0;
}

.o90 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
}

.o90 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.o90 .p46c34 {
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.o90 ul {
  margin: var(--spacing-md) 0;
  padding-left: var(--spacing-xl);
  list-style-position: outside;
}

.o90 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.o90 .p830a {
  margin-bottom: var(--spacing-3xl);
}

.o90 .h51 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
}

.o90 .h51 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.o90 .h51 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

  .o90 .a42 {
    padding: 0 var(--spacing-xl);
  }

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

  .o90 h2 {
    margin-top: var(--spacing-3xl);
  }
}

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

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

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

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

html,
body {
  width: 100%;
  height: 100%;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.e34e2a9 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.he2 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

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

.n32 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-lg);
}

.p1b8 {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-success-light);
  border-radius: var(--radius-2xl);
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
}

.p1b8 svg {
  width: 48px;
  height: 48px;
  color: var(--color-success);
  stroke-width: 2;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
  color: var(--color-text-primary);
  margin: 0;
}

.c70554 {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  margin: 0;
  letter-spacing: var(--letter-spacing-normal);
}

.md91 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

.k37788 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base) ease;
  letter-spacing: var(--letter-spacing-normal);
  white-space: nowrap;
  margin-top: var(--spacing-xl);
}

.d12c {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.d12c:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

@media (min-width: 640px) {
  .he2 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .p1b8 {
    width: 100px;
    height: 100px;
    margin-bottom: var(--spacing-lg);
  }

  .p1b8 svg {
    width: 60px;
    height: 60px;
  }

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

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

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

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

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

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

  .p1b8 {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-xl);
  }

  .p1b8 svg {
    width: 72px;
    height: 72px;
  }

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

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

  .md91 {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }

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

@media (prefers-reduced-motion: reduce) {
  .k37788 {
    transition: none;
  }

  .d12c:hover {
    transform: none;
  }

  .d12c:active {
    transform: none;
  }
}

@media (max-width: 639px) {
  body {
    font-size: 16px;
  }

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

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

  .md91 {
    text-align: left;
  }

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

.c168d {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
  overflow: hidden;
}

.ja00 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.f84b70 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.ha908576 {
  position: relative;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.b03519 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.ifbd6e {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
  margin: 0;
  position: relative;
  z-index: 2;
}

.ic8df18 {
  position: absolute;
  width: clamp(250px, 60vw, 500px);
  height: clamp(250px, 60vw, 500px);
  border: 3px solid var(--color-primary-light);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.15;
  z-index: 1;
  animation: float-decoration 6s ease-in-out infinite;
}

@keyframes float-decoration {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
  }
}

.n27f4bcf {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  padding: var(--spacing-xl) 0;
}

.fa3d9f24 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-normal);
  margin: 0;
}

.n8af {
  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);
  margin: 0;
  letter-spacing: var(--letter-spacing-normal);
}

.cad {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
  text-align: left;
  margin: var(--spacing-md) 0;
}

.f0dcb {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-normal);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.i9a li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-normal);
  padding-left: var(--spacing-md);
  position: relative;
}

.i9a li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: var(--color-primary);
  border-radius: 50%;
}

.k37788 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-normal);
  border: none;
  cursor: pointer;
  text-align: center;
}

.d12c {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.d12c:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.k887a {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: clamp(1rem, 1.1vw + 0.5rem, 1.2rem);
}

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

  .ja00 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 100vh;
  }

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

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

  .ha908576 {
    height: 250px;
    margin-bottom: var(--spacing-xl);
  }

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

  .cad {
    text-align: left;
    padding: var(--spacing-xl);
    margin: var(--spacing-lg) 0;
  }
}

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

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

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

  .ha908576 {
    height: 300px;
    margin-bottom: var(--spacing-2xl);
  }

  .n27f4bcf {
    gap: var(--spacing-2xl);
    padding: var(--spacing-3xl) 0;
  }

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

  .k887a {
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

@media (min-width: 1440px) {
  .ja00 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ic8df18 {
    animation: none;
  }

  .d12c:hover {
    transform: none;
  }

  .d12c:active {
    transform: none;
  }
}

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

.ncc4355e {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.k155c {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0 var(--spacing-md);
}

.m75b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
}

.l287 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-secondary);
  max-width: 600px;
}

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

  .k155c {
    gap: 1.5rem;
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ncc4355e {
    padding: 5rem 0;
  }

  .k155c {
    gap: 2rem;
    padding: 0 var(--spacing-xl);
  }
}

.m1d14 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

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

.cd2 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

.ed8b {
  margin-bottom: 2rem;
}

.l8418d4a {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

.nb6e02b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: var(--line-height-normal);
  color: var(--color-text-secondary);
}

.h546ce {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.a7254f5 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
}

.afd,
.j881cf48 {
  width: 100%;
  padding: 0.875rem 1rem;
  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.5rem, 1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.afd::placeholder,
.j881cf48::placeholder {
  color: var(--color-text-muted);
}

.afd:focus,
.j881cf48:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.j881cf48 {
  min-height: 140px;
  resize: vertical;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
}

.h74a {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.d4d {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.4rem, 0.9rem);
  line-height: var(--line-height-normal);
  color: var(--color-text-secondary);
}

.od88c2f {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.i62798 {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-normal);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

.i62798:active {
  transform: translateY(0);
}

.i62798:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.e51 {
  margin-bottom: 2rem;
}

.bae6a1 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

.ib9d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: var(--line-height-normal);
  color: var(--color-text-secondary);
}

.m32b22 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 3rem;
}

.n7fdae {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

.g72ed {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  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;
}

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

.fdebf0 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1vw + 0.75rem, 1.25rem);
  font-weight: 600;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

.jbc0e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: var(--line-height-normal);
  color: var(--color-text-secondary);
}

.p16 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

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

.iff4 {
  padding: 2rem;
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.o07d75c {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 600;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

.m34e4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: var(--line-height-normal);
  color: var(--color-text-secondary);
  margin-bottom: 1.5rem;
}

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

.k9e449 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  line-height: var(--line-height-tight);
  transition: all var(--transition-base);
}

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

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

.kec5 {
  background-color: var(--color-bg-card);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

.kec5:hover {
  background-color: var(--color-bg-tertiary);
  border-color: var(--color-primary);
  color: var(--color-primary);
}

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

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

  .cd2 {
    gap: 4rem;
  }

  .kabe {
    flex: 1 1 45%;
  }

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

@media (min-width: 1024px) {
  .m1d14 {
    padding: 5rem 0;
  }

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

  .cd2 {
    gap: 5rem;
  }

  .kabe {
    flex: 1 1 45%;
  }

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

@media (max-width: 767px) {
  .h546ce {
    gap: 1.25rem;
  }

  .i62798 {
    padding: 0.875rem 1.5rem;
  }

  .gfb8eb {
    flex-direction: row;
  }

  .k9e449 {
    flex: 1;
    padding: 0.75rem 1rem;
  }
}
.ea9c817d,.j8f{
  width: 34px;
}

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

.n80682cf{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .n80682cf{
    max-width: 100%;
  }
}

.n80682cf.j7142{
  z-index: 999;
}

.j57e7{
  padding-top: 50px;
}

.ea9c817d[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .eb0c {
    aspect-ratio: 6 / 9;
  }
}