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

:root {
  --color-bg-primary: #faf6f1;
  --color-bg-secondary: #f5ebe0;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #292524;
  --color-text-secondary: #57534e;
  --color-text-muted: #6d6966;

  --color-primary: #c2410c;
  --color-primary-hover: #9a3412;
  --color-primary-light: #f5e6dd;
  --color-secondary: #dc2626;
  --color-secondary-light: #fee2e2;

  --color-success: #16a34a;
  --color-success-light: #f0fdf4;
  --color-warning: #ea580c;
  --color-warning-light: #fef3c7;
  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;

  --color-border: #e8dfd7;
  --color-border-light: #f0e8e0;

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

h1 {
  font-size: 3.5rem;
  letter-spacing: var(--letter-spacing-tight);
}

h2 {
  font-size: 2.75rem;
  letter-spacing: var(--letter-spacing-tight);
}

h3 {
  font-size: 2.25rem;
  letter-spacing: var(--letter-spacing-tight);
}

h4 {
  font-size: 1.875rem;
  letter-spacing: var(--letter-spacing-tight);
}

h5 {
  font-size: 1.5rem;
  letter-spacing: var(--letter-spacing-normal);
}

h6 {
  font-size: 1.25rem;
  letter-spacing: var(--letter-spacing-normal);
}

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

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

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

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

.m2b18d2 {
  background: var(--color-primary);
  color: #ffffff;
}

.m2b18d2:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

.i795c2 {
  background: var(--color-secondary);
  color: #ffffff;
}

.i795c2:hover {
  background: #b91c1c;
  box-shadow: var(--shadow-lg);
}

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

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

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

.i93df9:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-text-secondary);
}

.of79724 {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

.i031cae {
  padding: 1rem 2rem;
  font-size: 1.125rem;
}

.e392e40 {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

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

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

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

.mcb418aa {
  margin-bottom: var(--spacing-md);
  border-bottom: 1px solid var(--color-border-light);
  padding-bottom: var(--spacing-md);
}

.i7495 {
  margin-top: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
  padding-top: var(--spacing-md);
}

.g502 {
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.875rem;
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

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

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

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

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

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

.e1d6 {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacing-md);
}

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

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
textarea,
select {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-size: 1rem;
  color: var(--color-text-primary);
  background: var(--color-bg-tertiary);
  transition: all var(--transition-base);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

textarea {
  resize: vertical;
  min-height: 120px;
}

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

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

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

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

.b176 {
  display: flex;
}

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

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

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

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

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

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

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

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

.n49f {
  text-align: center;
}

.kba {
  text-align: left;
}

.o1caba1 {
  text-align: right;
}

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

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

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

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

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

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

.d5d14 {
  font-weight: 700;
}

.he5 {
  font-weight: 600;
}

.p2273 {
  font-weight: 500;
}

.g91 {
  font-weight: 400;
}

.j0f15f {
  font-size: 0.875rem;
}

.n682a8 {
  font-size: 1rem;
}

.jea05ee0 {
  font-size: 1.125rem;
}

.b3740a {
  font-size: 1.25rem;
}

.jb5f1d54 {
  font-size: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n12b4 {
  opacity: 0.5;
}

.c67b69 {
  opacity: 0.75;
}

.p14 {
  opacity: 1;
}

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

.l040 {
  transition: color var(--transition-base), background var(--transition-base);
}

.h267f356 {
  transition: transform var(--transition-base);
}

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

.p714:hover {
  transform: scale(1.05);
}

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

.c14d9 {
  position: relative;
  display: inline-block;
}

.c14d9::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--color-primary);
  border-radius: var(--radius-full);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--transition-base);
}

.c14d9:hover::after {
  transform: scaleX(1);
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.75rem;
  }

  h4 {
    font-size: 1.5rem;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1rem;
  }

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

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

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

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

  .e392e40 {
    padding: 0 16px;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.125rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: 0.875rem;
  }

  section {
    padding: var(--spacing-xl) 0;
  }

  .o5f7 {
    width: 100%;
  }

  .e392e40 {
    padding: 0 12px;
  }
}
.f29d2 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
}

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

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

.c73963:hover {
  opacity: 0.85;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.fdf3a.p398 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

.nd139c {
  background: none;
  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);
}

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

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

.d1baf1 {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 500;
  padding: clamp(1rem, 2vw, 1.25rem) clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.j9e3 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 2vw, 1rem) clamp(1rem, 3vw, 1.5rem);
  margin: clamp(1rem, 3vw, 1.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  text-align: center;
  transition: all var(--transition-base);
}

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

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

  .j1ff97 {
    display: block;
  }

  .f81b {
    display: none;
  }

  .fdf3a {
    display: none;
  }
}

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

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

.o5f7 {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  font-weight: 500;
  cursor: pointer;
  border: none;
}

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

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

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

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

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

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

.m5e {
  text-align: center;
}

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

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

.ed75b9e {
  display: flex;
  justify-content: center;
  width: 100%;
}

.f32ab {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
  align-items: center;
  max-width: 900px;
  width: 100%;
}

.p764c32 {
  flex: 1 1 100%;
  min-width: 250px;
  max-width: 500px;
  max-height: 350px;
}

.m9838ee5 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 150px;
  max-height: 250px;
}

.l95 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

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

@media (max-width: 768px) {
  .p764c32 {
    max-height: 250px;
  }

  .m9838ee5 {
    flex: 1 1 100%;
    max-height: 200px;
  }

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

  .o5f7 {
    text-align: center;
  }
}

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

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

.j9c68393 {
  flex: 1 1 50%;
  min-width: 0;
}

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

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

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

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

.b98 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  border-bottom: 2px solid var(--color-accent);
  padding-bottom: 0.25rem;
  transition: all var(--transition-base);
}

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

.h380 {
  flex: 1 1 50%;
  min-width: 0;
}

.n7ce {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.75rem;
  box-shadow: var(--shadow-md);
  overflow: hidden;
  cursor: pointer;
  transition: all var(--transition-base);
}

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

.n7ce i {
  font-size: clamp(2.5rem, 8vw, 4rem);
  color: var(--color-accent);
}

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

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

  .j9c68393,
  .h380 {
    flex: 1 1 100%;
  }
}

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

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

.ja70 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.fd90 {
  display: flex;
  justify-content: center;
}

.fcf9 {
  background: var(--color-bg-card);
  border: 3px solid var(--color-accent);
  border-radius: var(--radius-md);
  padding: clamp(2rem, 5vw, 3.5rem);
  max-width: 600px;
  text-align: center;
  box-shadow: var(--shadow-md);
}

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

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

.fcf9 .l52a8 {
  display: inline-block;
}

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

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

.h0fc {
  flex: 1 1 50%;
  min-width: 0;
}

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

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

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

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

.e9c101 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--color-border-light);
}

.e9c101:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.o98e37d {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  font-weight: 500;
}

.ja7b7 {
  font-size: clamp(1.375rem, 3vw, 1.75rem);
  color: var(--color-accent);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

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

  .h0fc,
  .c92944 {
    flex: 1 1 100%;
  }
}

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

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

.b39b9cc {
  text-align: center;
}

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

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

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

.i0b {
  flex: 1 1 55%;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

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

.fbe3cbe {
  padding: clamp(1.5rem, 3vw, 2rem);
}

.j22720 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 0.75rem 0;
  line-height: var(--line-height-tight);
}

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

.m9d3 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  border-bottom: 2px solid var(--color-accent);
  padding-bottom: 0.25rem;
  transition: all var(--transition-base);
}

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

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

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

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

.ja8a {
  width: 100px;
  height: 100px;
  min-width: 100px;
  object-fit: cover;
  border-radius: var(--radius-sm);
}

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

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

.ee3 {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: var(--line-height-normal);
}

.g1a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  font-weight: 500;
  transition: all var(--transition-base);
}

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

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

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

  .i0b,
  .b86fb {
    flex: 1 1 100%;
  }

  .c9eb1 {
    flex-direction: column;
  }

  .ja8a {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
}

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

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

.l3b05 {
  text-align: center;
}

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

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

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

.f9c70 {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.i42e {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  cursor: pointer;
  background: var(--color-bg-card);
  border: none;
  width: 100%;
  text-align: left;
  line-height: var(--line-height-normal);
  transition: all var(--transition-base);
}

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

.i42e::after {
  content: '\002B';
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-accent);
  margin-left: 1rem;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

.f9c70[open] .i42e::after {
  content: '\2212';
}

.pb502d52 {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-top: 1px solid var(--color-border-light);
}

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

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

.c96.hda {
  display: none;
}

.f40 {
  color: var(--color-bg-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  text-align: center;
  line-height: var(--line-height-normal);
}

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

.n5eb555,
.c7efe {
  padding: 0.5rem 1.25rem;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  border: none;
  transition: all var(--transition-base);
}

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

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

.c7efe {
  background: transparent;
  color: var(--color-bg-primary);
  border: 1px solid var(--color-bg-primary);
}

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

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

  .mbd2 {
    width: 100%;
  }

  .n5eb555,
  .c7efe {
    flex: 1;
    min-width: 120px;
  }
}

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

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

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

.gefee8,
.p2ddd,
.ne540,
.l7704 {
  display: block;
}

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

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

.gefee8 p {
  max-width: 45ch;
  color: var(--color-text-secondary);
}

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

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

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

.ne540 p {
  margin-bottom: 0.75rem;
}

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

.a52 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  margin-bottom: 0.5rem;
}

.m996b5 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  margin: 0;
}

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

  .gefee8 {
    flex: 1 1 280px;
  }

  .p2ddd {
    flex: 1 1 160px;
  }

  .ne540 {
    flex: 1 1 200px;
  }

  .l7704 {
    flex: 1 1 160px;
  }

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

@media (min-width: 1024px) {
  .gefee8 {
    flex: 0 1 300px;
  }

  .p2ddd {
    flex: 0 1 140px;
  }

  .ne540 {
    flex: 0 1 220px;
  }

  .l7704 {
    flex: 0 1 160px;
  }
}
    

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

.ef07e {
  position: relative;
  background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);
  padding: clamp(4rem, 12vw, 8rem) 0;
  overflow: hidden;
  min-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.i968 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><defs><pattern id="dots" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="1200" height="600" fill="url(/wp-content/themes/static-site-theme/%23dots)"/></svg>');
  opacity: 0.5;
  pointer-events: none;
}

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

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

.l866f {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  color: #ffffff;
  letter-spacing: var(--letter-spacing-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.he298 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  line-height: var(--line-height-relaxed);
  color: #e5e5e5;
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.lb2ae2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 650px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.pf2b {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base) ease;
  flex: 1 1 clamp(280px, 22%, 350px);
  min-height: 100%;
}

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

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

.f75224 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-base) ease;
}

.pf2b:hover .f75224 img {
  transform: scale(1.05);
}

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

.d3cc {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.jdcbe {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f2a5fdb {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding-top: clamp(0.5rem, 1vw, 0.75rem);
  border-top: 1px solid var(--color-border-light);
  margin-top: auto;
}

.da87d65d,
.n494,
.n43 {
  font-family: var(--font-primary);
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: var(--line-height-normal);
}

.da87d65d i,
.n494 i,
.n43 i {
  width: 14px;
  color: var(--color-accent);
}

.o81 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 0.95rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base) ease;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

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

.o81::after {
  content: '';
  transition: transform var(--transition-base) ease;
}

.o81:hover::after {
  transform: translateX(3px);
}

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

  .ef07e {
    min-height: 350px;
  }

  .jda01d {
    flex-direction: column;
  }
}

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

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

@media (min-width: 1024px) {
  .pf2b {
    flex: 1 1 calc(25% - 1.875rem);
  }

  .jda01d {
    gap: clamp(1.5rem, 2vw, 2.5rem);
  }
}

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

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

html {
  font-family: var(--font-primary);
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ma6c span:last-child {
  color: var(--color-text-secondary);
}

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

.g0588135 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  margin-bottom: 0.5rem;
}

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

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

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

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

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

.n5ce46 {
  flex: 0 0 auto;
  width: 100%;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: sticky;
  top: 2rem;
}

.n04361aa {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

.f766 {
  background: transparent;
  overflow: hidden;
}

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

.mc5e5af6 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
}

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

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

.d54f50e,
.ic2,
.jbf5d {
  background: transparent;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

.lfec4 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.6;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
}

.jbb6b {
  background: var(--color-bg-tertiary);
  overflow: hidden;
}

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

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

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

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

.hb060 {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  min-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: 1.5rem;
  font-weight: bold;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

.l2d8 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  text-align: center;
}

.ne0912a {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

  .n5ce46 {
    max-width: 100%;
    position: relative;
    top: auto;
  }

  .h4d0 {
    width: 100%;
  }
}

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

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

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

  .lb4b,
  .ad15 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

  .hb060 {
    width: 40px;
    height: 40px;
    min-height: 40px;
    font-size: 1.25rem;
  }
}

@media (max-width: 480px) {
  .ma6c {
    font-size: 0.8125rem;
    gap: 0.25rem;
  }

  .ib9d5 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }

  .de5b7 {
    display: none;
  }

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

  .hb060 {
    margin: 0 auto;
  }
}

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

  html {
    scroll-behavior: smooth;
  }

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

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

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

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

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

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

  .j08e5ef3 {
    margin-bottom: clamp(2rem, 5vw, 3.5rem);
  }

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

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

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

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

  .mb0d66b {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    color: var(--color-text-secondary);
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
  }

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

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

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

  .d6102 {
    margin-top: clamp(2rem, 4vw, 3rem);
    border-radius: 16px;
    overflow: hidden;
  }

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

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

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

  .i4b9 {
    position: sticky;
    top: 2rem;
  }

  .ma58e7a {
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .b6588f88 {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto;
    display: block;
  }

  .ie77bb {
    text-align: center;
  }

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

  .p73 {
    color: var(--color-accent);
  }

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

  .m4f {
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    color: var(--color-accent);
    font-weight: 500;
    margin-bottom: 0.75rem;
  }

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

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

  .bfe {
    background: transparent;
  }

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

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

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

  .g250a {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    color: var(--color-text-primary);
    font-weight: 400;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    line-height: 1.3;
  }

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

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

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

  .jea {
    background: var(--color-bg-tertiary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: 12px;
  }

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

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

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

  .ad4 {
    font-family: var(--font-heading);
    font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
    color: var(--color-text-primary);
    font-weight: 400;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    line-height: 1.3;
  }

  .n11 {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
    line-height: 1.8;
  }

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

  .k96 {
    background: #fef3f2;
    border-left: 4px solid var(--color-accent);
    padding: clamp(1rem, 2vw, 1.5rem);
    margin: clamp(1.5rem, 3vw, 2rem) 0;
    border-radius: 4px;
  }

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

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

  .o91 {
    background: transparent;
  }

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

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

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

  .d0c5 {
    font-family: var(--font-heading);
    font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
    color: var(--color-text-primary);
    font-weight: 400;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    line-height: 1.3;
  }

  .o1c2443 {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
    line-height: 1.8;
  }

  .ha698d {
    list-style: none;
    margin: clamp(1rem, 2vw, 1.5rem) 0;
    padding: 0;
  }

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

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

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

  .f4310431 {
    background: #fffbfa;
    padding: clamp(1.5rem, 3vw, 2rem);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    margin: clamp(2rem, 4vw, 3rem) 0;
  }

  .lbd102c {
    max-width: 100%;
  }

  .c60939 {
    font-family: var(--font-heading);
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    color: var(--color-text-primary);
    font-weight: 500;
    margin-bottom: 0.75rem;
  }

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

  .h75 {
    background: var(--color-bg-tertiary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: 12px;
  }

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

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

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

  .pf1 {
    font-family: var(--font-heading);
    font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
    color: var(--color-text-primary);
    font-weight: 400;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    line-height: 1.3;
  }

  .ia03d3 {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
    line-height: 1.8;
  }

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

  .gd0539 {
    background: transparent;
  }

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

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

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

  .ee2b8a0 {
    font-family: var(--font-heading);
    font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
    color: var(--color-text-primary);
    font-weight: 400;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    line-height: 1.3;
  }

  .f32b {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
    line-height: 1.8;
  }

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

  .b88d842 {
    background: var(--color-bg-tertiary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: 12px;
  }

  .k7a {
    max-width: 700px;
  }

  .n440dba2 {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    color: var(--color-text-primary);
    font-weight: 400;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    line-height: 1.3;
  }

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

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

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

  .h4566 {
    text-align: center;
    margin-bottom: clamp(2.5rem, 5vw, 4rem);
  }

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

  .o555181 {
    font-size: clamp(0.875rem, 1vw, 1rem);
    color: var(--color-text-secondary);
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.6;
  }

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

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

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

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

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

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

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

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

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

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

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

    .i4b9 {
      position: static;
    }

    .ma58e7a {
      display: grid;
      grid-template-columns: 120px 1fr;
      gap: 1.5rem;
      align-items: center;
      text-align: left;
    }

    .b6588f88 {
      margin: 0;
    }

    .ie77bb {
      text-align: left;
    }
  }

  @media (max-width: 768px) {
    .ha99292 {
      font-size: 0.8125rem;
    }

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

    .n5d2,
    .l64225,
    .dd4,
    .p98,
    .hfb1be {
      flex-direction: column;
    }

    .e7497,
    .o1545c25,
    .nb166e4,
    .j4746,
    .e9888,
    .f748fb6f,
    .pde,
    .c791216,
    .c1b682ec,
    .f868 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .f748fb6f,
    .f868 {
      order: 0;
    }

    .ma58e7a {
      grid-template-columns: 1fr;
      text-align: center;
    }

    .b6588f88 {
      margin: 0 auto;
    }

    .ie77bb {
      text-align: center;
    }

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

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

  @media (max-width: 480px) {
    .bf94 {
      font-size: clamp(1.25rem, 3vw, 1.75rem);
    }

    .mb0d66b {
      flex-wrap: wrap;
      gap: 0.5rem;
    }

    .ad4,
    .d0c5,
    .pf1,
    .ee2b8a0 {
      font-size: clamp(1rem, 2.5vw, 1.5rem);
    }

    .b9d {
      font-size: clamp(1.25rem, 3vw, 1.75rem);
    }
  }

.hfb {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .b0e6 {
    flex: 1 1 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

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

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

  @media (min-width: 1024px) {
    .m9019d1 {
      flex-direction: row;
      gap: clamp(3rem, 5vw, 4rem);
    }
  }

  .m9e84 {
    flex: 1 1 100%;
    position: relative;
  }

  @media (min-width: 1024px) {
    .m9e84 {
      flex: 0 0 280px;
      order: -1;
    }
  }

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

  .n7d5761 {
    width: 120px;
    height: 120px;
    border-radius: var(--radius-full);
    object-fit: cover;
    border: 3px solid var(--color-accent);
  }

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

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

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

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

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

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

  .k7df {
    background: var(--color-bg-tertiary);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

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

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

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

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

  .de3c5 {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

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

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

  .h6903 {
    flex: 1 1 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

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

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

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

  .i42a6d li {
    color: var(--color-text-secondary);
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    padding-left: 1.5rem;
    position: relative;
  }

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

  .d8a8 {
    background: var(--color-bg-primary);
    padding: clamp(1.25rem, 2vw, 1.75rem);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-light);
    margin-top: 1rem;
  }

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

  .c446 {
    font-family: var(--font-heading);
    font-size: clamp(1.25rem, 3vw, 1.75rem);
    color: var(--color-text-primary);
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0 0 1rem 0;
  }

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

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

  .adda880e {
    flex: 1 1 100%;
    background: var(--color-bg-primary);
    padding: clamp(1.25rem, 2vw, 1.75rem);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    position: relative;
    padding-left: clamp(3.5rem, 5vw, 4.5rem);
  }

  @media (min-width: 768px) {
    .adda880e {
      flex: 1 1 calc(33.333% - 1rem);
    }
  }

  .ib7c8 {
    position: absolute;
    left: clamp(0.75rem, 2vw, 1.25rem);
    top: clamp(0.75rem, 2vw, 1.25rem);
    width: 40px;
    height: 40px;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
  }

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

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

  .n24b {
    background: var(--color-bg-tertiary);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-warning);
  }

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

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

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

  .fab6 {
    background: var(--color-bg-tertiary);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }

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

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

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

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

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

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

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

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

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

  .abe {
    flex: 1 1 100%;
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    display: flex;
    flex-direction: column;
    transition: all var(--transition-base);
  }

  @media (min-width: 768px) {
    .abe {
      flex: 1 1 calc(33.333% - 1.5rem);
    }
  }

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

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

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

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

  .m1069 {
    margin: 0;
    font-size: clamp(1rem, 2vw, 1.25rem);
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

  @media (max-width: 767px) {
    .m9019d1 {
      flex-direction: column;
    }
    
    .m9e84 {
      order: 0;
    }
  }

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

.eee7d0 {
  display: block;
  width: 100%;
}

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

.ea5 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
}

.ea5 a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

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

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

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

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

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

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

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

.c04a i {
  color: var(--color-accent);
  font-size: 0.95rem;
}

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

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

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

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

.f8b9008d {
  flex: 0 0 auto;
  width: 100%;
  max-width: 280px;
  position: sticky;
  top: 2rem;
}

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

.c62e897 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-xl);
  object-fit: cover;
  display: block;
}

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

.ke1 a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

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

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

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

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

  .f8b9008d {
    max-width: 100%;
    position: relative;
    top: 0;
    width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

  .lbf0,
  .i911 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.aa6 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.eaf {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 1.5rem;
}

.p0a25 {
  flex: 1;
}

.c232d {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

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

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

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

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

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

.l20312 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  border-radius: var(--radius-md);
  margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
  border: 1px solid var(--color-border-light);
}

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

.f265 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.d8374c8 {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: 0.75rem;
}

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

.jc0e428 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  font-style: italic;
  line-height: 1.5;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-border-light);
  margin: 0;
}

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

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

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

  .m206f56,
  .jf80d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.e4c {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.1rem;
  flex-shrink: 0;
}

.ofc {
  flex: 1;
}

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

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

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

  .ecaa1727,
  .jf9fc503 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.e0dd7b33 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
  text-align: center;
  flex: 1 1 calc(50% - 0.75rem);
  max-width: calc(50% - 0.75rem);
  min-height: 200px;
  justify-content: flex-start;
}

.g33 {
  width: 45px;
  height: 45px;
  background: linear-gradient(135deg, var(--color-secondary), #ef4444);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}

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

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

.ff5f708 {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

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

.o7870 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-text-muted);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

.n50 {
  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: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

.n50:hover {
  background: var(--color-accent-hover);
  color: var(--color-text-on-accent);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

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

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

.g6f9 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0;
}

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

.pbd20b5 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  flex: 1 1 calc(33.333% - 1.35rem);
  max-width: calc(33.333% - 1.35rem);
  min-height: 100%;
}

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

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

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

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

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

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

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

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

.g2b50ab1 {
  display: inline-block;
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  margin-top: auto;
  transition: color 0.3s ease;
}

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

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

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

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

html, body, main, section, div, h1, h2, h3, h4, h5, h6, p, span, a, blockquote, cite {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.da0c8 {
  text-align: center;
  max-width: 900px;
}

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

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

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

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

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

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

.hecdecb4 {
  font-size: clamp(0.75rem, 0.9vw + 0.5rem, 0.9rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

.d219e {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

.p65a {
  flex: 1 1 50%;
  min-width: 280px;
}

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

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

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

.k461c4 {
  flex: 1 1 50%;
  min-width: 280px;
  height: auto;
  max-height: 450px;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
}

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

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

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

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

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

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

.j3281 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.b38a {
  width: 60px;
  height: 60px;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.75rem, 2vw + 0.5rem, 2.25rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

.p1e84 {
  background: var(--color-bg-secondary);
  border-left: 5px solid var(--color-primary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-md);
  margin: 2rem 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.ke6cbb {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.3rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: var(--line-height-relaxed);
  margin-bottom: 1rem;
  font-family: var(--font-heading);
}

.ad18e {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  font-style: normal;
}

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

.g7ce24 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 260px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-primary);
}

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

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

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

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

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

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

.dd5e h3 {
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.n299b {
  font-size: clamp(0.8125rem, 0.95vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 900px;
}

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

  .p65a {
    flex: 1 1 100%;
  }

  .k461c4 {
    flex: 1 1 100%;
    max-height: 350px;
  }

  .j3281 {
    flex: 1 1 100%;
  }

  .d219e {
    flex: 1 1 100%;
  }

  .g7ce24 {
    flex: 1 1 100%;
  }

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

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

  .d219e {
    flex: 1 1 100%;
  }

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

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

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

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

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

.ie8f3db {
  width: 100%;
  max-width: 500px;
}

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

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

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

.f52 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  letter-spacing: 0.05em;
}

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

@media (min-width: 768px) {
  .f180 {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .ie8f3db {
    flex: 0 1 45%;
    max-width: none;
  }

  .o08e2da5 {
    flex: 0 1 50%;
    text-align: left;
  }
}

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

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

.p8b5a {
  text-align: center;
}

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

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

.l3e {
  flex: 1 1 clamp(250px, 100%, 280px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: all var(--transition-base);
}

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

.m6e126 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
}

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

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

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

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

.nbc {
  text-align: center;
}

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

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

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

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

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

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

@media (min-width: 768px) {
  .oc0 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2rem, 4vw, 3rem);
  }
}

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

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

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

.c54 {
  text-align: center;
}

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

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

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

.m83f293 {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.oee4 {
  text-align: center;
}

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

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

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

.a14ab {
  flex: 1 1 clamp(280px, 100%, 320px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

.a14ab:hover .g5d23b0 {
  gap: 0.75rem;
}

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

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

.m65f {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  border: 1px solid var(--color-border-light);
}

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

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

.h7b46868 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
}

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

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

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

.e9a6 {
  text-align: center;
}

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

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

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

@media (min-width: 768px) {
  .p36 {
    text-align: center;
  }
}

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

  .l3e {
    flex: 1 1 100%;
  }

  .i3e21a30 {
    flex-direction: column;
  }

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

@media (min-width: 1024px) {
  .d49fe6 {
    justify-content: space-between;
  }

  .l3e {
    flex: 1 1 calc(25% - 1.5rem);
  }

  .i3e21a30 {
    justify-content: space-between;
  }

  .a14ab {
    flex: 1 1 calc(25% - 1.5rem);
  }
}

@media (min-width: 1440px) {
  .mf172c {
    padding: 5rem 0;
  }

  .m2a,
  .e106bbb,
  .j0a6,
  .a178b,
  .n99959,
  .m15 {
    padding: 5rem 0;
  }
}

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

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

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

.mbcae {
  text-align: center;
}

.m781ee4b {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 400;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
}

.ada8c2 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

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

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

  .ic914990 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

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

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

.g4de:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

.o715d2 {
  width: 100%;
  aspect-ratio: 400 / 280;
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

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

.ad8b {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.o445 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  display: inline-block;
  width: fit-content;
}

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

.e771083 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-secondary);
  margin: 0;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .g4de {
    border-radius: var(--radius-lg);
  }

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

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

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

.l273 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 400;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
}

.j3dbda04 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
}

.p110cd {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base);
  border: 1px solid var(--color-primary);
  cursor: pointer;
}

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

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

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

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

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

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

.g59fa2 {
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  background-color: var(--color-bg-primary);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
}

.ocb3d {
  grid-column: 1;
  order: 2;
}

.l1a0b {
  grid-column: 1;
  order: 1;
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-lg);
  object-fit: cover;
}

.md48 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

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

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

  .ocb3d {
    grid-column: 1;
    order: 1;
  }

  .l1a0b {
    grid-column: 2;
    order: 2;
    height: 400px;
  }

  .md48 {
    font-size: clamp(2.5rem, 4vw, 3.5rem);
  }
}

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

  .md48 {
    font-size: 3.5rem;
  }
}

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

.cea4d {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

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

.g6d {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  transition: all var(--transition-base);
}

.g6d:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-sm);
}

.p95f17 {
  width: 100%;
  padding: var(--spacing-md);
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
  transition: color var(--transition-fast);
}

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

.fb13c8cd {
  flex: 1;
}

.nd573 {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: var(--color-primary);
  transition: transform var(--transition-base);
}

.g6d[data-expanded="true"] .nd573 {
  transform: rotate(180deg);
}

.nbe {
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  line-height: var(--line-height-relaxed);
  animation: slideDown var(--transition-base) ease-out;
}

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

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

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

  .cea4d {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }

  .a02b490 {
    display: block;
    height: 500px;
  }
}

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

.l03 {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
}

.l0758a77 {
  grid-column: 1;
  order: 2;
}

.pb9d4 {
  grid-column: 1;
  order: 1;
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-lg);
  object-fit: cover;
}

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

.m2652f {
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.j68 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.95rem, 1.5vw, 1rem);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
}

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

.j68:active {
  transform: translateY(0);
}

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

  .l0758a77 {
    grid-column: 1;
    order: 1;
  }

  .pb9d4 {
    grid-column: 2;
    order: 2;
    height: 350px;
  }

  .i77 {
    font-size: clamp(2rem, 3vw, 2.5rem);
  }
}

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

  .i77 {
    font-size: 2.5rem;
  }
}

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

.j5bdab main {
  width: 100%;
}

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

.j5bdab .mb77d {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) 0;
}

.j5bdab h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.j5bdab .c122 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.j5bdab h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.j5bdab p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

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

.j5bdab li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

.j5bdab .ma4f6 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
}

.j5bdab .ma4f6 h2 {
  margin-top: 0;
}

.j5bdab .ma4f6 p {
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .j5bdab .e392e40 {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .j5bdab .e392e40 {
    padding: 0 var(--spacing-xl);
  }

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

.afe {
  width: 100%;
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.k63c5afa {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

.ib61 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.h191 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(60px, 12vw, 100px);
  height: clamp(60px, 12vw, 100px);
  margin: 0 auto var(--spacing-lg);
  color: var(--color-success);
  animation: scaleIn 0.6s ease-out 0.2s backwards;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.h191 svg {
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  letter-spacing: var(--letter-spacing-normal);
  animation: fadeInUp 0.8s ease-out 0.1s backwards;
}

.f208 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  font-weight: 500;
  animation: fadeInUp 0.8s ease-out 0.2s backwards;
}

.le550 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
  animation: fadeInUp 0.8s ease-out 0.3s backwards;
}

.k7c8af {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
  animation: fadeInUp 0.8s ease-out 0.4s backwards;
}

.a41e {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-normal);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
  animation: fadeInUp 0.8s ease-out 0.5s backwards;
}

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

.a41e:active {
  transform: translateY(0);
}

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

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

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

@media (min-width: 1024px) {
  .k63c5afa {
    padding: var(--spacing-3xl) var(--spacing-xl);
    min-height: 100vh;
  }

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

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

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

html,
body {
  width: 100%;
  height: 100%;
}

.jb6 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.h578 {
  width: 100%;
  padding: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.h578::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(
    circle at 20% 50%,
    var(--color-primary-light) 0%,
    transparent 50%
  );
  opacity: 0.08;
  pointer-events: none;
  z-index: 1;
}

.h578::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 300px;
  background: radial-gradient(
    circle,
    var(--color-accent-light) 0%,
    transparent 70%
  );
  opacity: 0.06;
  pointer-events: none;
  z-index: 1;
}

.e392e40 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  position: relative;
  z-index: 2;
}

.h25f {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.k2d {
  margin-bottom: var(--spacing-3xl);
  position: relative;
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

.ca0fbb52 {
  position: relative;
  display: inline-block;
  margin-bottom: var(--spacing-xl);
}

.pce {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: var(--letter-spacing-tight);
  display: block;
  line-height: 1;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.l02684 {
  position: relative;
  height: 80px;
  margin-top: var(--spacing-lg);
}

.d480ca0 {
  position: absolute;
  border-radius: 50%;
  animation: pulse 2s ease-in-out infinite;
}

.g56 {
  width: 12px;
  height: 12px;
  background-color: var(--color-accent);
  top: 0;
  left: 20%;
  animation-delay: 0s;
}

.kef {
  width: 8px;
  height: 8px;
  background-color: var(--color-primary);
  top: 30px;
  right: 15%;
  animation-delay: 0.3s;
}

.o4c {
  width: 10px;
  height: 10px;
  background-color: var(--color-secondary-light);
  bottom: 10px;
  left: 15%;
  animation-delay: 0.6s;
}

@keyframes pulse {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.3);
  }
}

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

.g151de h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-normal);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.i4e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
}

.c3206b1 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

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

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

.o5f7 {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  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);
  cursor: pointer;
  border: none;
  letter-spacing: var(--letter-spacing-normal);
  line-height: 1.5;
}

.m2b18d2 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.m2b18d2:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.m2b18d2:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.edf349 {
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

.i2d {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

@media (max-width: 480px) {
  .h578 {
    padding: var(--spacing-md) var(--spacing-sm);
  }

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

  .l02684 {
    height: 60px;
  }

  .d480ca0 {
    width: 8px !important;
    height: 8px !important;
  }

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

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

@media (min-width: 481px) and (max-width: 768px) {
  .h578 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

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

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

@media (min-width: 769px) {
  .h578 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    min-height: 100vh;
  }

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

  .m2b18d2:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  }
}

@media (prefers-reduced-motion: reduce) {
  .k2d {
    animation: none;
  }

  .d480ca0 {
    animation: none !important;
  }

  .m2b18d2:hover {
    transform: none;
  }

  .m2b18d2:active {
    transform: none;
  }
}

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

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

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

.e03 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.caf {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
}

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

.e4e7f731 {
  width: 100%;
}

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

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

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

@media (min-width: 1024px) {
  .h2e {
    flex: 0 1 auto;
    min-width: 400px;
  }
}

.m803ec {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1.25rem, 3vw, 2rem);
  letter-spacing: var(--letter-spacing-tight);
}

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

.bd7 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.375rem, 1vw, 0.625rem);
}

.ba7201e {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
}

.h654,
.o73 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  padding: clamp(0.75rem, 2vw, 1rem);
  background-color: var(--color-bg-card);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.h654::placeholder,
.o73::placeholder {
  color: var(--color-text-muted);
}

.h654:focus,
.o73:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.o73 {
  min-height: clamp(120px, 25vh, 200px);
  resize: vertical;
}

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

.l1e10 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  text-transform: uppercase;
  width: 100%;
}

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

.l1e10:active {
  transform: translateY(0);
}

.jf5b {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.n2347b {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

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

@media (min-width: 1024px) {
  .ofed8 {
    flex: 0 1 auto;
    min-width: 350px;
  }
}

.d9d {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1.25rem, 3vw, 2rem);
  letter-spacing: var(--letter-spacing-tight);
}

.pdf52 {
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  padding-bottom: clamp(1.5rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

.pdf52:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.af0a3 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: var(--color-primary);
}

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

.g7c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(0.375rem, 1vw, 0.625rem);
  letter-spacing: var(--letter-spacing-normal);
}

.o49 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-break: break-word;
}

.b84d2 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.mb58fe03 {
  height: 2px;
  background-color: var(--color-border-light);
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
}

.b34faf59 {
  padding: clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.hfc9a {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(0.5rem, 1vw, 0.875rem);
  letter-spacing: var(--letter-spacing-tight);
}

.bd4793 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.k4350 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 700;
  padding: clamp(0.75rem, 1.5vw, 0.95rem) clamp(1.25rem, 2.5vw, 1.75rem);
  background-color: var(--color-secondary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  text-align: center;
  text-transform: uppercase;
}

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

.k4350:active {
  transform: translateY(0);
}

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

  .d52 {
    padding: clamp(1.5rem, 5vw, 2.5rem) 0;
  }

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

  .h2e,
  .ofed8 {
    flex: 1 1 100%;
    min-width: 0;
  }

  .l1e10 {
    width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .ge4fa3d {
    flex-direction: column;
    gap: clamp(2rem, 4vw, 3rem);
  }

  .h2e,
  .ofed8 {
    flex: 1 1 100%;
    min-width: 0;
  }
}

@media (min-width: 1024px) {
  .o512 {
    padding: clamp(3rem, 10vw, 5rem) 0;
  }

  .d52 {
    padding: clamp(3rem, 10vw, 6rem) 0;
  }
}
.f81b,.nd139c{
  width: 34px;
}

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

.fdf3a{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .fdf3a{
    max-width: 100%;
  }
}

.fdf3a.p398{
  z-index: 999;
}

.a705a{
  padding-top: 50px;
}

.f81b[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .n7ce {
    aspect-ratio: 6 / 9;
  }
  .d2c {
    aspect-ratio: 6 / 9;
  }
  .ja8a {
    aspect-ratio: 6 / 9;
  }
  .f75224 {
    aspect-ratio: 6 / 9;
  }
}