@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: #050505;
  --color-bg-secondary: #0f0f0f;
  --color-bg-tertiary: #1a1a1a;
  --color-bg-card: #0f0f0f;

  --color-text-primary: #ffffff;
  --color-text-secondary: #e5e5e5;
  --color-text-muted: #a3a3a3;

  --color-primary: #ffffff;
  --color-primary-hover: #d4d4d4;
  --color-primary-light: #f5f5f5;
  --color-secondary: #e5e5e5;
  --color-secondary-light: #f0f0f0;

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

  --color-border: #2d2d2d;
  --color-border-light: #1f1f1f;

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

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;

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

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

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

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

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

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

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
  overflow-x: hidden;
}

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

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

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

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

h4 {
  font-size: 1.5rem;
  letter-spacing: -0.005em;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

.d3e107 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.025em;
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
  text-decoration: none;
}

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

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

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

.e4f697:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-primary);
}

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

.ad6c1e:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--color-primary-hover);
}

.ie42fddd {
  background: var(--color-success);
  color: #000;
}

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

.kf5 {
  background: var(--color-danger);
  color: #fff;
}

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

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

.i3146f8f {
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: 1.05rem;
}

.d3e107:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

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

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

.e9f4 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.n2d72 {
  background: rgba(255, 255, 255, 0.15);
  color: var(--color-primary);
}

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

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

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

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

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

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

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

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

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

.j6a6 {
  text-align: center;
}

.h06066 {
  text-align: right;
}

.d876d87 {
  text-align: left;
}

.m4c {
  display: flex;
}

.j12768 {
  flex-direction: column;
}

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

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

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

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

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

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

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

.k66 {
  display: grid;
}

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

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

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

.o6e {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ob3 {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n014 {
  opacity: 0.5;
}

.gb3 {
  opacity: 0.75;
}

.obe5368 {
  opacity: 1;
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  .oe931, .m1c, .of216 {
    grid-template-columns: 1fr;
  }

  .ed0c36 {
    padding: 0 16px;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .d3e107 {
    width: 100%;
  }

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

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

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

.ec47a:hover {
  opacity: 0.8;
}

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

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

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

.c0c8a {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all var(--transition-base);
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
}

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

.l4d43d {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  flex-shrink: 0;
}

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

.o58 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  gap: 6px;
  padding: 0;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

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

.o58:hover {
  opacity: 0.7;
}

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

.j99dc.fc643 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

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

.i3d8 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  transition: all var(--transition-base);
}

.i3d8:active {
  opacity: 0.6;
}

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

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

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

.la287 {
  padding: 1rem clamp(1rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 600;
  border: none;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  flex-shrink: 0;
}

.la287:active {
  opacity: 0.85;
}

@media (min-width: 768px) {
  .da712b {
    height: 80px;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .m6bbe {
    width: 44px;
    height: 44px;
  }

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

  .gf0552 {
    display: flex;
  }

  .l4d43d {
    display: inline-block;
  }

  .o58 {
    display: none;
  }

  .j99dc {
    display: none;
  }
}

@media (min-width: 1024px) {
  .da712b {
    height: 90px;
    gap: 2rem;
  }

  .m6bbe {
    width: 48px;
    height: 48px;
  }

  .j12 {
    font-size: 1.5rem;
  }

  .c0c8a {
    font-size: 0.95rem;
    padding: 0.75rem 0;
  }

  .l4d43d {
    padding: 0.85rem 1.75rem;
    font-size: 0.95rem;
  }
}

    .m09824e {
  width: 100%;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

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

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

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

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

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

.p46 {
  color: var(--color-accent);
  display: inline;
}

.h993f {
  color: var(--color-text-muted);
  display: block;
  font-weight: 400;
}

.l571427 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  max-width: 600px;
}

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

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

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

.b9d52b {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: transparent;
  color: var(--color-text-secondary);
  text-decoration: none;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-weight: 600;
  display: inline-block;
  transition: all 0.3s ease;
  font-size: clamp(0.875rem, 1vw, 1rem);
}

.b9d52b:hover {
  color: var(--color-accent);
  border-color: var(--color-accent);
  background: rgba(255, 255, 255, 0.05);
}

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

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

.k8f99 {
  text-align: center;
}

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

.oe3 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: 0.5rem;
}

.h0c9 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.eecd76 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

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

.k9d0b6 {
  grid-row: span 2;
}

.o201 {
  grid-row: span 1;
}

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

.c960de04 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (max-width: 768px) {
  .h0c9 {
    grid-template-columns: 1fr;
  }
  
  .k9d0b6,
  .o201 {
    grid-row: span 1;
  }
}

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

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

.ib41a {
  text-align: center;
}

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

.a970 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: 0.5rem;
}

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

.g9ac9827 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
  text-align: center;
  flex: 0 1 200px;
}

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

.o18877 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.aa68 {
  width: clamp(1.5rem, 3vw, 2rem);
  height: 2px;
  background: var(--color-accent);
  flex: 0 1 auto;
}

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

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

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

.jd3 {
  flex: 1 1 40%;
  min-height: 350px;
}

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

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

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

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

@media (max-width: 768px) {
  .g23d {
    flex-direction: column;
  }
  
  .jd3 {
    flex: 1 1 100%;
    min-height: 280px;
  }
  
  .f4984 {
    flex: 1 1 100%;
  }
}

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

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

.d59aa3 {
  text-align: center;
}

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

.oad {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: 0.5rem;
}

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

.c57c8,
.efc471 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

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

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

.h10 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: 1.5rem;
  position: relative;
}

.c57c8 .h10::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-danger-light);
  font-weight: bold;
  font-size: 1.25rem;
}

.efc471 .h10::before {
  content: "+";
  position: absolute;
  left: 0;
  color: var(--color-success-light);
  font-weight: bold;
  font-size: 1.25rem;
}

.ebf70ff {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  min-height: 100%;
  min-width: 2rem;
}

@media (max-width: 768px) {
  .gcbc {
    flex-direction: column;
  }
  
  .ebf70ff {
    transform: rotate(90deg);
    min-height: auto;
    min-width: auto;
    height: 2rem;
  }
  
  .c57c8,
  .efc471 {
    flex: 1 1 100%;
    max-width: none;
  }
}

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

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

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

.hcbb {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ce298 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k2cc {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.875rem);
  color: var(--color-text-primary);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.fb3 {
  width: 1px;
  height: clamp(2rem, 4vw, 3rem);
  background: var(--color-border-light);
  flex: 0 0 auto;
}

@media (max-width: 768px) {
  .o2063b8c {
    gap: 1rem;
  }
  
  .fb3 {
    width: clamp(2rem, 4vw, 3rem);
    height: 1px;
  }
}

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

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

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

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

.mcb19d8 {
  flex: 1 1 200px;
  max-width: 280px;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

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

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

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

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

.cf7e4186 {
  text-align: center;
}

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

.hecb8 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: 0.5rem;
}

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

.m2ab0a {
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

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

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

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

.ac65b3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.75vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ld2b571 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

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

.e0cf7 {
  text-align: center;
  padding-top: 1rem;
}

.m72aa {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-block;
}

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

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

.k56a.n5720df {
  display: none;
}

.n685e0 {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  flex: 1 1 auto;
  min-width: 200px;
  text-align: center;
}

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

.b69ddb7 {
  padding: 0.5rem clamp(1rem, 2vw, 1.25rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
}

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

.d55ba {
  padding: 0.5rem clamp(1rem, 2vw, 1.25rem);
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
}

.d55ba:hover {
  color: var(--color-accent);
  border-color: var(--color-accent);
  background: rgba(255, 255, 255, 0.05);
}

@media (max-width: 768px) {
  .k56a {
    flex-direction: column;
    gap: 1rem;
  }
  
  .n685e0 {
    width: 100%;
  }
  
  .a96d6 {
    width: 100%;
  }
}

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

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

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

.pd307c {
  display: block;
}

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

.pd307c p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.6;
  max-width: 500px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ac18b65 {
  display: block;
}

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

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

.k809d li {
  display: block;
}

.k809d a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
}

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

.p234775 {
  display: block;
}

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

.k4d {
  display: block;
}

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

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

.d4b4 {
  display: block;
}

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

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

.g64bb35 li {
  display: block;
}

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

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

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

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

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

@media (min-width: 768px) {
  .g5a {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2rem, 4vw, 3rem);
  }

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

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

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

  .g64bb35 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.25rem, 2vw, 1.75rem);
  }
}

@media (min-width: 1024px) {
  .g5a {
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .pd307c {
    grid-column: 1 / 2;
  }

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

  .g64bb35 {
    flex-direction: column;
  }
}
    

.n8dffa5 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'DM Sans', sans-serif;
}

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

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

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

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

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

.b0e9eb4 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  font-family: 'DM Serif Display', serif;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.l7bd58 {
  color: var(--color-text-secondary);
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  font-weight: 400;
  margin: clamp(0.5rem, 2vw, 1rem) 0 0 0;
}

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

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

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

.ha4b1619 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'DM Serif Display', serif;
  margin: 0;
  text-align: center;
}

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

.iffb085 {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  overflow: hidden;
}

.o2c1c {
  display: block;
  padding: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.3s ease;
}

.o2c1c:hover {
  background: var(--color-bg-card);
}

.iffb085[open] .o2c1c {
  background: var(--color-bg-card);
}

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

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

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

.f2b {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'DM Serif Display', serif;
  margin: 0;
  text-align: center;
}

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

.f27c84f {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--color-border);
  background: var(--color-bg-secondary);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.f27c84f img {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  display: block;
}

.a952 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--color-border);
  background: var(--color-bg-secondary);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  min-width: 280px;
}

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

.a952 img {
  width: 100%;
  height: auto;
  max-height: 250px;
  object-fit: cover;
  display: block;
}

.ke5 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--color-border);
  background: var(--color-bg-secondary);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.ke5 img {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
  display: block;
}

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

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

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

.pdb {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: var(--color-text-muted);
}

.g1bce13,
.gb1,
.h97a2 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
}

.g1bce13 i,
.gb1 i,
.h97a2 i {
  color: var(--color-text-muted);
}

.h3e {
  display: inline-block;
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(0.75rem, 1.5vw, 1rem);
  border: 1px solid var(--color-text-primary);
  border-radius: 0.25rem;
  transition: all 0.3s ease;
  width: fit-content;
}

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

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

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

.d25 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'DM Serif Display', serif;
  margin: 0;
  text-align: center;
}

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

.afb9d7c {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.lf1e59 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 4vw, 3rem);
  width: fit-content;
}

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

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

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

  .f27c84f img {
    max-height: 280px;
  }

  .a952 img {
    max-height: 220px;
  }

  .ke5 img {
    max-height: 250px;
  }

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

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

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

@media (min-width: 1024px) {
  .f27c84f {
    flex: 1 1 100%;
  }

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

  .ke5 {
    flex: 1 1 100%;
  }

  .afb9d7c {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  }
}

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  background-color: 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);
}

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

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

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

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

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

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

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

.mff8e {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: 16px;
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

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

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

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

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

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

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

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

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

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

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

  .if334,
  .hcc {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .fbf8e43 {
    max-height: 300px;
  }

  .j11675f {
    gap: 1rem;
  }
}

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

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

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

.je01b {
  flex: 1;
}

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

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

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

.gb5fc6e {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  margin-bottom: 0.5rem;
}

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

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

  .l21 {
    width: 60px;
    height: 60px;
  }
}

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

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

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

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

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

.lfac,
.k68cb,
.j34b4ea {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 6vw, 4rem) 0;
  overflow: hidden;
}

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

.aebf28,
.f84,
.k67159a {
  flex: 1 1 50%;
  max-width: 50%;
}

.b0b85e7a,
.n5a,
.f3aa {
  flex: 1 1 50%;
  max-width: 50%;
}

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

.jecf,
.oe142de,
.m98 {
  font-size: clamp(1.375rem, 3vw + 0.25rem, 2.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

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

.j441f strong,
.b698f2f strong,
.n61c2 strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

@media (max-width: 768px) {
  .maf,
  .k788027b,
  .b2d32 {
    flex-direction: column;
  }

  .aebf28,
  .f84,
  .k67159a,
  .b0b85e7a,
  .n5a,
  .f3aa {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.j9048735:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 12px 24px rgba(255, 255, 255, 0.1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cfa3f {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 260px;
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  transition: all 0.3s ease;
}

.cfa3f:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 12px 24px rgba(255, 255, 255, 0.1);
}

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

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

.a56 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

@media (max-width: 480px) {
  .mff8e {
    padding: 1.5rem;
  }

  .f2249c7 {
    font-size: 0.75rem;
    gap: 0.25rem;
  }

  .p50012 {
    font-size: 0.75rem;
  }
}

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

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

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

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

.c029 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 5vw, 4rem);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

.o92 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.a6ba3842 {
  font-size: clamp(0.8125rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
}

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

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

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

  .g70,
  .p40e1c {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d5f1565 {
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
  }
}

.d5f1565 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 0.9vw, 0.95rem);
}

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

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

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

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

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

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

.ifbc {
  flex: 1;
}

.kb5 {
  font-size: clamp(0.75rem, 0.85vw, 0.875rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

  .j29965,
  .gdb6d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

  .de4e,
  .b8d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

  .g05,
  .i85b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

  .o4d4dd94,
  .j90eb {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

  .n2457,
  .h307 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

  .d5117f10,
  .dbe3fd9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.nc96 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
  flex-shrink: 0;
  width: clamp(3rem, 6vw, 4rem);
  height: clamp(3rem, 6vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-full);
}

.e0b9 {
  flex: 1;
}

.lc2cfbae {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  line-height: 1.3;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

.fc86 {
  font-size: clamp(0.8125rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  text-align: center;
}

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

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

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

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

.a0d99 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
}

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

.k2971a9 {
  flex-shrink: 0;
  width: clamp(120px, 20vw, 150px);
  height: clamp(120px, 20vw, 150px);
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

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

.g3d84 {
  font-size: clamp(1rem, 1.5vw, 1.3rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  line-height: 1.3;
}

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

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

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

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

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

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

html, body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

.l487a6 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: 16px;
  border: 1px solid var(--color-border);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

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

.k71 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  padding: 0.4rem 0.8rem;
  border-radius: 4px;
  border: 1px solid var(--color-border);
  font-weight: 500;
}

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

.fe981a,
.f12 {
  color: var(--color-text-secondary);
}

.ef5 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  font-family: 'DM Serif Display', Georgia, serif;
  letter-spacing: -0.02em;
}

.cda87 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  font-weight: 400;
}

.fee8 {
  width: 100%;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.i016 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  flex-shrink: 0;
}

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

.m785 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
}

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

.m785 a:hover {
  color: var(--color-text-secondary);
}

.c5c {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

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

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

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

.h289e840 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  line-height: 1.8;
  font-weight: 500;
}

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

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

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

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

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

.dfc9c {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  line-height: 1.3;
  font-family: 'DM Serif Display', Georgia, serif;
  letter-spacing: -0.01em;
}

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

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

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

.nc7e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  font-weight: 700;
  font-size: 1.1rem;
  border: 1px solid var(--color-border);
}

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

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

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

.lca {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-text-primary);
  border-radius: 8px;
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
}

.b5b {
  display: block;
}

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

.k9fdac2 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-text-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
}

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

.a3331 {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 1vw + 0.5rem, 1.2rem);
  font-weight: 700;
}

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

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

.dbab {
  color: var(--color-text-primary);
  font-size: clamp(1.4rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  font-family: 'DM Serif Display', Georgia, serif;
}

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

.g2a {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  margin-top: clamp(2rem, 4vw, 3rem);
}

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

.k82e7 {
  color: var(--color-text-muted);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
  line-height: 1.7;
  margin: 0;
}

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

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

.c80ac {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  font-family: 'DM Serif Display', Georgia, serif;
  text-align: center;
}

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

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

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

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

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

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

.hc01 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1vw + 0.5rem, 1.15rem);
  font-weight: 700;
  line-height: 1.4;
}

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

.hc01 a:hover {
  color: var(--color-text-secondary);
}

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

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

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

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

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

  .l487a6 {
    padding: clamp(1.5rem, 3vw, 2.5rem);
  }

  .pb7e {
    gap: clamp(2rem, 4vw, 3rem);
  }

  .h3bfa2 {
    gap: 1rem;
  }

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

@media (max-width: 480px) {
  .k648 {
    flex-direction: column;
    gap: 0.5rem;
  }

  .k71 {
    width: fit-content;
  }

  .nc7e {
    width: 32px;
    height: 32px;
    font-size: 0.95rem;
    flex-shrink: 0;
  }

  .e2286f5 {
    font-size: clamp(0.75rem, 1vw + 0.5rem, 0.85rem);
  }
}

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

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

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

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

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

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

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

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

.p45428 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

.e18b90d4 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
}

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

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

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

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

  .i2e27b6,
  .lbc966db {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .f650c78b,
  .i22935 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.me629 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

  .j587d1 .f650c78b,
  .j587d1 .i22935 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.j36f {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.k0211f6 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.25rem);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

  .d62,
  .if3a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.j45cbc {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  font-family: var(--font-heading);
  flex-shrink: 0;
  min-width: 60px;
}

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

.p4b {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 600;
}

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

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

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

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

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

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

.k1160b6 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-warning);
}

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

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

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

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

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

.odf {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
}

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

.l476 {
  flex-shrink: 0;
  width: 120px;
  height: 90px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

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

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

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

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

  .l476 {
    width: 100%;
    height: 180px;
  }
}

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

  .i2e27b6,
  .lbc966db {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ebf1dac,
  .j587d1,
  .e650 {
    flex-direction: column;
  }

  .f650c78b,
  .i22935,
  .d62,
  .if3a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

html, body {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

.f7d5ee {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 0.75rem;
}

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

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

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

.ma04e65e {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-tertiary);
  border-left: 3px solid var(--color-text-muted);
  border-radius: 4px;
}

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

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

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

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

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

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

.m2d:hover {
  border-color: var(--color-text-muted);
  transform: translateY(-4px);
}

.m214de {
  font-size: 2.5rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

.k2168f {
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
}

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

.o1a0 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-radius: 6px;
}

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

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

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

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

.lc6dc1c9 {
  text-align: center;
}

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

.m0f9 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  padding: clamp(1.5rem, 2vw, 2.5rem);
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  border-radius: 4px;
  font-style: italic;
}

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

.n5b741 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  border-radius: 24px;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
}

.l4e06 {
  font-size: 1rem;
  color: var(--color-accent);
}

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

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

.la844b8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}

.l8db4ee4 {
  font-size: 1.5rem;
  color: var(--color-text-muted);
  flex-shrink: 0;
}

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

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

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

  .c2bd16 {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

  .fba {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

  .g4ea6ba {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

  .cd6 {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }
}

@media (max-width: 480px) {
  .b0b {
    margin-bottom: 0.75rem;
  }

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

  .n5b741 {
    width: 100%;
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

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

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

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

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

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

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

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

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

.k1f {
  flex: 1 1 100%;
  max-width: 600px;
}

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

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

.c9964b {
  flex: 1 1 100%;
  width: 100%;
  max-width: 600px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-bg-secondary);
}

.g8f {
  width: 100%;
  height: auto;
  min-height: 300px;
  max-height: 450px;
  object-fit: cover;
  display: block;
}

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

  .k1f {
    flex: 1 1 45%;
  }

  .c9964b {
    flex: 1 1 45%;
  }

  .g8f {
    height: 400px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.e66 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
}

.i5e15575 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

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

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

@media (min-width: 768px) {
  .oda3 {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    justify-content: center;
    flex-wrap: wrap;
  }

  .e66 {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 280px;
    max-width: 320px;
  }
}

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .af17 {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .h6e {
    flex: 1 1 50%;
  }
}

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

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

.daa1f {
  text-align: center;
}

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

.c66bf2e {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
  max-width: 850px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

.c51 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.5rem;
}

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

@media (min-width: 768px) {
  .na15 {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
    flex-wrap: wrap;
    justify-content: center;
  }

  .h278e {
    flex: 1 1 calc(50% - 1rem);
    max-width: 450px;
  }
}

@media (min-width: 1024px) {
  .na15 {
  }

  .h278e {
    flex: 1 1 25%;
  }
}

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

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

.la598b {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  padding: clamp(2rem, 4vw, 3.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  max-width: 700px;
  width: 100%;
}

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

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

.h965c {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  justify-content: center;
}

.h30a2537 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  display: inline-block;
  text-align: center;
  transition: var(--transition-base);
  cursor: pointer;
}

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

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

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

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

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

  .h30a2537 {
    flex: 1;
  }
}

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

  .c9964b {
    width: 100%;
    order: -1;
  }

  .af17 {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .j55 {
    padding: 8rem 0 6rem 0;
  }

  .h13c1a {
    padding: 6rem 0;
  }

  .kfa9 {
    padding: 6rem 0;
  }

  .n1c0d056 {
    padding: 6rem 0;
  }

  .p7cb {
    padding: 6rem 0;
  }

  .e736 {
    padding: 6rem 0;
  }
}

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

.n9f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.hda {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.i8ad4f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.e4a01cd9 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.o0856dd {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

.d9d:hover {
  border-color: var(--color-border);
  box-shadow: var(--shadow-sm);
}

.l18 {
  width: 100%;
  padding: var(--spacing-lg);
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  text-align: left;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
}

.l18:hover {
  background-color: var(--color-bg-tertiary);
}

.d6e {
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 500;
  line-height: 1.5;
  flex: 1;
}

.da31 {
  display: none;
}

.le6c6 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1;
  transition: transform var(--transition-base);
}

.l18[aria-expanded="true"] .le6c6 {
  transform: rotate(45deg);
}

.e0c02555 {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  background-color: var(--color-bg-primary);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

.e0c02555 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

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

.j6b76691 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.ia9 {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.be53bb {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.k3f9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.c41394a2 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  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.25rem, 1rem);
  font-weight: 500;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

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

.c41394a2:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .n9f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .e4a01cd9 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .j6b76691 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n9f {
    padding: var(--spacing-3xl) 0;
  }

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

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

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

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

.m2e994 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.ka2a4 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 400;
  letter-spacing: -0.5px;
}

.g008 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .m2e994 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .m2e994 {
    padding: 5rem var(--spacing-lg);
  }
}

.j88ee {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

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

@media (min-width: 768px) {
  .h8e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .j88ee {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

  .j88ee {
    padding: 5rem var(--spacing-lg);
  }
}

.h7f164 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

.h7f164:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.g62b69 {
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  color: var(--color-primary);
  font-size: 24px;
}

.p17132a {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 400;
  letter-spacing: -0.3px;
}

.e67d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-lg) 0;
}

.d786 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.d786 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-muted);
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: 1.5;
}

.d786 li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 4px;
  height: 4px;
  background-color: var(--color-primary);
  border-radius: 50%;
}

.p09d84b1 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.eb36c {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.o0a94 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 400;
  letter-spacing: -0.3px;
}

.f1b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-2xl) 0;
}

.l9482 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 500;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
}

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

.l9482:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .p09d84b1 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .p09d84b1 {
    padding: 5rem var(--spacing-lg);
  }
}

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

.ofd83532 .ed0c36 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ofd83532 .a5c {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.ofd83532 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.2;
}

.ofd83532 .d8711e {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.ofd83532 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: 1.3;
}

.ofd83532 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

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

.ofd83532 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.ofd83532 .g9a3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.ofd83532 .g9a3 h2 {
  margin-top: 0;
}

.ofd83532 .g9a3 p {
  margin-bottom: var(--spacing-sm);
}

.ofd83532 .g9a3 strong {
  color: var(--color-primary);
}

@media (min-width: 768px) {
  .ofd83532 .a5c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ofd83532 .a5c {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

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

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
}

.i0c0 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.ef2 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.ed0c36 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.f33a9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-lg);
}

.o27d8c7 {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
  animation: scaleIn 0.6s ease-out;
}

.o27d8c7 svg {
  width: 100%;
  height: 100%;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.f33a9 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.3;
  animation: slideUp 0.6s ease-out 0.2s both;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.h886bbf {
  font-size: clamp(1rem, 1vw + 0.6rem, 1.2rem);
  color: var(--color-text-primary);
  font-weight: 500;
  line-height: 1.8;
  animation: slideUp 0.6s ease-out 0.4s both;
}

.n5660f {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  animation: slideUp 0.6s ease-out 0.6s both;
}

.h54f {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  animation: slideUp 0.6s ease-out 0.8s both;
}

.h54f h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
}

.e52 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  text-align: left;
}

.e52 li {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
  line-height: 1.6;
  padding-left: var(--spacing-md);
  position: relative;
}

.e52 li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-success);
  font-weight: bold;
  font-size: 1.1em;
}

.d3e107 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  text-align: center;
  animation: slideUp 0.6s ease-out 1s both;
}

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

.ddf04afc:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.ddf04afc:active {
  transform: translateY(0);
}

.ddf04afc:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .ef2 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .e52 li {
    font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  }
}

@media (min-width: 1024px) {
  .ef2 {
    padding: var(--spacing-3xl) 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

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

@media (prefers-reduced-motion: reduce) {
  .o27d8c7,
  .f33a9 h1,
  .h886bbf,
  .n5660f,
  .h54f,
  .d3e107 {
    animation: none;
  }

  .ddf04afc:hover {
    transform: none;
  }

  .ddf04afc:active {
    transform: none;
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

.hd8fa7 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.p352961 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  position: relative;
}

.p352961::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.05;
  pointer-events: none;
}

.ed0c36 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.a5c {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}

.idd6e1 {
  margin-bottom: var(--spacing-2xl);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}

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

.gcb6e {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -2px;
  position: relative;
  z-index: 2;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

.f3d2 {
  position: absolute;
  width: 150%;
  height: 150%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, var(--color-primary-light) 0%, transparent 70%);
  opacity: 0.1;
  border-radius: var(--radius-full);
  z-index: 1;
}

.hac52ce {
  animation: slideUp 0.8s ease-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.gc4303 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
  letter-spacing: -0.5px;
}

.d2602 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.e9861 {
  margin-bottom: var(--spacing-2xl);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

.i730940 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
}

.d3e107 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  white-space: nowrap;
}

.ddf04afc {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.ddf04afc:hover {
  background-color: var(--color-primary-hover);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}

.ddf04afc:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

@media (min-width: 640px) {
  .p352961 {
    padding: var(--spacing-xl) var(--spacing-md);
    min-height: 100vh;
  }

  .idd6e1 {
    margin-bottom: var(--spacing-3xl);
    min-height: 250px;
  }

  .f3d2 {
    width: 200%;
    height: 200%;
  }

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

@media (min-width: 768px) {
  .p352961 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .a5c {
    max-width: 700px;
  }

  .idd6e1 {
    margin-bottom: var(--spacing-3xl);
    min-height: 300px;
  }

  .gcb6e {
    animation: float 4s ease-in-out infinite;
  }

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

@media (min-width: 1024px) {
  .p352961 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

  .a5c {
    max-width: 750px;
  }

  .idd6e1 {
    margin-bottom: var(--spacing-3xl);
    min-height: 350px;
  }

  .hac52ce {
    animation: slideUp 1s ease-out;
  }

  .ddf04afc:hover {
    transform: translateY(-3px);
  }
}

@media (min-width: 1440px) {
  .p352961 {
    padding: 10rem var(--spacing-xl);
  }
}

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

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

.ad764e {
  text-align: center;
}

.bd835 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.a47e8525 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
}

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

.d3b147 {
  width: 100%;
}

.mee5add {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(2rem, 5vw, 4rem);
  width: 100%;
}

@media (min-width: 768px) {
  .mee5add {
    grid-template-columns: 1fr 1fr;
  }
}

.c347a6 {
  background-color: var(--color-bg-card);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

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

.b692aa6a {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

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

.lc2da {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 3vw, 1.75rem);
  width: 100%;
}

.eeee5 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.p7f8a {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1.5vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.d37,
.l78afdba {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  padding: clamp(0.75rem, 2vw, 1rem);
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
  width: 100%;
}

.d37::placeholder,
.l78afdba::placeholder {
  color: var(--color-text-muted);
}

.d37:focus,
.l78afdba:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.l78afdba {
  resize: vertical;
  min-height: clamp(120px, 15vw, 150px);
}

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

.cb4 {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  color: var(--color-text-secondary);
  cursor: pointer;
  user-select: none;
}

.d2700cd2 {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: var(--color-primary);
  flex-shrink: 0;
}

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

.n00 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 700;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  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-fast);
  width: 100%;
  margin-top: var(--spacing-sm);
}

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

.n00:active {
  transform: scale(0.98);
}

.n00:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

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

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

.e7f8c {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

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

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

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

.l61 {
  flex-shrink: 0;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
}

.g474 {
  flex: 1;
}

.kc22c {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  line-height: 1.3;
}

.c3faa151 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-xs);
}

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

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

.f4c0 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1.5vw, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: 0;
}

.j7d622fc {
  margin-top: clamp(1rem, 3vw, 2rem);
  padding: clamp(1rem, 3vw, 1.5rem);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.p486f {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.6;
}

.pc2ba8 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base), text-decoration var(--transition-base);
}

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

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

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

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

.kcfd {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.l15 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.2;
}

.k39f3d8 {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

@media (min-width: 768px) {
  .k39f3d8 {
    grid-template-columns: 1fr 1fr;
  }
}

.fd6e0f {
  background-color: var(--color-bg-card);
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.b2ce {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.4;
}

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

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

  .c347a6 {
    order: 1;
  }

  .fedf0 {
    order: 2;
  }
}

@media (min-width: 1024px) {
  .c9d {
    padding: 6rem 0;
  }

  .i8f0 {
    padding: 6rem 0;
  }

  .dd32c56 {
    padding: 6rem 0;
  }
}
.o58,.i3d8{
  width: 34px;
}

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

.j99dc{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .j99dc{
    max-width: 100%;
  }
}

.j99dc.fc643{
  z-index: 999;
}

.g12{
  padding-top: 50px;
}

.o58[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .h739ac {
    aspect-ratio: 6 / 9;
  }
  .k2971a9 {
    aspect-ratio: 6 / 9;
  }
}