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

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

  --color-text-primary: #c56e33;
  --color-text-secondary: #878383;
  --color-text-muted: #7f7f7f;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #f3f4f6;

  --color-primary: #d97706;
  --color-primary-hover: #b45309;
  --color-primary-light: #fed7aa;
  --color-primary-lightest: #fef3c7;

  --color-secondary: #f59e0b;
  --color-secondary-light: #fcd34d;
  --color-secondary-lightest: #fef08a;

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

  --color-border: #e7e5e4;
  --color-border-dark: #57534e;
  --color-border-light: #f5f5f4;

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

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

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

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

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 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;
}

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

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

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

h2 {
  font-size: 2.5rem;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 1.875rem;
  letter-spacing: -0.005em;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

p {
  font-size: 1rem;
  line-height: 1.75;
}

small {
  font-size: 0.875rem;
}

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

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

button, [role="button"] {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

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

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

.ce775 {
  background: var(--color-primary);
  color: #ffffff;
  box-shadow: var(--shadow-md);
}

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

.ce775:active {
  transform: translateY(0);
}

.j6b0 {
  background: var(--color-secondary);
  color: #ffffff;
  box-shadow: var(--shadow-md);
}

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

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

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

.b4605 {
  background: var(--color-bg-primary);
  color: var(--color-text-light);
  box-shadow: var(--shadow-md);
}

.b4605:hover {
  background: var(--color-bg-tertiary);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.l41 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-border);
}

.l41:hover {
  background: #f5f5f4;
  border-color: var(--color-text-primary);
}

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

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

.dde:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

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

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

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

.o0d a {
  color: var(--color-primary-light);
}

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

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

.d58b99a {
  background: var(--color-primary-lightest);
  color: #92400e;
}

.gb00c {
  background: var(--color-secondary-lightest);
  color: #78350f;
}

.pc6fedcb {
  background: var(--color-success-light);
  color: #065f46;
}

.od729 {
  background: var(--color-warning-light);
  color: #78350f;
}

.a8d96 {
  background: var(--color-danger-light);
  color: #7f1d1d;
}

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

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

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

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

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

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

.d50 {
  text-align: center;
}

.bb8 {
  text-align: left;
}

.k1532 {
  text-align: right;
}

.bf91 {
  font-weight: 700;
}

.l450 {
  font-weight: 600;
}

.b196c6 {
  font-weight: 500;
}

.o07bf1e5 {
  font-weight: 400;
}

.p8f4 { margin-top: var(--spacing-xs); }
.l28 { margin-top: var(--spacing-sm); }
.h4861 { margin-top: var(--spacing-md); }
.kfe { margin-top: var(--spacing-lg); }
.k6c12 { margin-top: var(--spacing-xl); }
.e4c618e8 { margin-top: var(--spacing-2xl); }
.pffc { margin-top: var(--spacing-3xl); }

.j11f6 { margin-bottom: var(--spacing-xs); }
.p9c { margin-bottom: var(--spacing-sm); }
.cb9f7d { margin-bottom: var(--spacing-md); }
.j2400 { margin-bottom: var(--spacing-lg); }
.hedffb07 { margin-bottom: var(--spacing-xl); }
.bc3f00b8 { margin-bottom: var(--spacing-2xl); }
.l57 { margin-bottom: var(--spacing-3xl); }

.a88ad739 { padding-top: var(--spacing-xs); }
.ka6 { padding-top: var(--spacing-sm); }
.dd496 { padding-top: var(--spacing-md); }
.k133c0 { padding-top: var(--spacing-lg); }
.b547eb1 { padding-top: var(--spacing-xl); }
.fc59 { padding-top: var(--spacing-2xl); }
.k6fc { padding-top: var(--spacing-3xl); }

.mdc86b { padding-bottom: var(--spacing-xs); }
.k7d0 { padding-bottom: var(--spacing-sm); }
.b75c64 { padding-bottom: var(--spacing-md); }
.h604e { padding-bottom: var(--spacing-lg); }
.i22e60 { padding-bottom: var(--spacing-xl); }
.cf3833ef { padding-bottom: var(--spacing-2xl); }
.o502 { padding-bottom: var(--spacing-3xl); }

.m87df9c { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); }
.j97 { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.l2887 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.ne4c2 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.hbe0fb { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }
.n951 { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl); }
.fdfb8c4 { padding-top: var(--spacing-3xl); padding-bottom: var(--spacing-3xl); }

.p1cd8be { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); }
.a92 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.gea98 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.m7302 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.bdc { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }
.ndd59087 { padding-left: var(--spacing-2xl); padding-right: var(--spacing-2xl); }
.j427f4 { padding-left: var(--spacing-3xl); padding-right: var(--spacing-3xl); }

.me8d {
  display: flex;
}

.c8e {
  flex-direction: column;
}

.o5d {
  flex-wrap: wrap;
}

.fa78 {
  align-items: center;
}

.iec {
  align-items: flex-start;
}

.ha8 {
  align-items: flex-end;
}

.ca692c1 {
  justify-content: center;
}

.e279a4e {
  justify-content: space-between;
}

.kbc {
  justify-content: flex-start;
}

.g496168 {
  justify-content: flex-end;
}

.e73d25 { gap: var(--spacing-xs); }
.h8f400 { gap: var(--spacing-sm); }
.p8d5fb4a { gap: var(--spacing-md); }
.e4f19 { gap: var(--spacing-lg); }
.l5d7 { gap: var(--spacing-xl); }
.j953 { gap: var(--spacing-2xl); }

.dfc70d {
  display: grid;
}

.jdd57e { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.b06d3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.i289e62 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cec782 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.laf43 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.i148eb74 { border-radius: var(--radius-sm); }
.cf1233 { border-radius: var(--radius-md); }
.n3f7 { border-radius: var(--radius-lg); }
.kdee { border-radius: var(--radius-xl); }
.j2a5 { border-radius: var(--radius-full); }

.pfcd { box-shadow: var(--shadow-sm); }
.h2e { box-shadow: var(--shadow-md); }
.e8640c8d { box-shadow: var(--shadow-lg); }
.odf4 { box-shadow: var(--shadow-xl); }

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

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

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

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

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

.d87fb {
  border-color: var(--color-border-dark);
}

.b9910 { opacity: 0.5; }
.o8c9 { opacity: 0.75; }

.n7b { display: none; }
.nfc5d842 { display: block; }
.k4c4 { display: inline; }
.fc92 { display: inline-block; }

@media (max-width: 1024px) {
  h1 { font-size: 2.5rem; }
  h2 { font-size: 2rem; }
  h3 { font-size: 1.5rem; }
  .i289e62 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cec782 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .laf43 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
  h1 { font-size: 2rem; }
  h2 { font-size: 1.5rem; }
  h3 { font-size: 1.25rem; }
  .nc55 { padding: 0 var(--spacing-md); }
  .b06d3 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .i289e62 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .cec782 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .laf43 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 480px) {
  h1 { font-size: 1.5rem; }
  h2 { font-size: 1.25rem; }
  h3 { font-size: 1.125rem; }
  .dde { padding: var(--spacing-sm) var(--spacing-md); font-size: 0.875rem; }
  .nb3ba71 { padding: var(--spacing-lg); }
  .laf43 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}
.h54 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  top: 0;
  z-index: 100;
  overflow: hidden;
}

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

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

.ce2:hover {
  opacity: 0.8;
}

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

.lb6 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  white-space: nowrap;
}

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

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

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

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

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

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

.o5364efb:hover {
  opacity: 0.7;
}

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

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

.m20.d8f2069 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

.pb3 {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base), color var(--transition-base);
  display: block;
}

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

.e5cb37 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 1rem clamp(1rem, 4vw, 2rem);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  margin: auto clamp(1rem, 4vw, 2rem) clamp(1rem, 4vw, 2rem);
  border-radius: 0.5rem;
  transition: background var(--transition-base), transform var(--transition-base);
  display: block;
}

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

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

  .gb032 {
    display: block;
  }

  .o5364efb {
    display: none;
  }

  .m20 {
    display: none;
  }
}

    

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

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

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

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

.h09a15b {
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.15) 0%, rgba(217, 119, 6, 0) 50%), url('') center/cover;
  background-attachment: fixed;
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  position: relative;
}

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

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

.g882d73 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-bg-secondary);
  line-height: 1.1;
}

.be5d {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 251, 235, 0.85);
  line-height: 1.6;
}

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

.be14e {
  padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
  cursor: pointer;
  border: none;
}

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

.jd927 {
  padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1.25rem, 2vw, 1.75rem);
  background: transparent;
  color: var(--color-bg-secondary);
  text-decoration: none;
  border: 2px solid var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
  cursor: pointer;
}

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

.e345 {
  flex: 1 1 45%;
  min-height: 300px;
}

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

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

  .p0135de {
    flex: 1 1 100%;
  }

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

  .kf6a {
    flex-direction: column;
  }

  .be14e,
  .jd927 {
    width: 100%;
    text-align: center;
  }
}

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

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

.c9aac1 {
  text-align: center;
}

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

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

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

.h8b2da2 {
  flex: 1 1 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1.25rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.ffe9 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
}

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

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

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

.p1f {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-fast);
  display: inline-block;
  margin-top: clamp(0.25rem, 0.5vw, 0.5rem);
}

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

.b8a978f2 {
  flex: 0 0 auto;
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  align-self: flex-start;
  margin-top: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

  .h8b2da2 {
    flex: 1 1 100%;
  }

  .b8a978f2 {
    display: none;
  }
}

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

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

.p6e2e3 {
  text-align: center;
}

.na068 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-bg-secondary);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.jc8 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 251, 235, 0.75);
}

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

.n5836,
.m38a1ec {
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
  border: 1px solid rgba(255, 251, 235, 0.1);
}

.n5836 {
  grid-row: span 2;
}

.n5836:hover,
.m38a1ec:hover {
  background: rgba(255, 251, 235, 0.05);
  border-color: rgba(255, 251, 235, 0.2);
  transform: translateY(-4px);
}

.kaa {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.le7da {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-bg-secondary);
}

.mba {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: rgba(255, 251, 235, 0.7);
  line-height: 1.6;
}

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

  .n5836 {
    grid-row: auto;
  }
}

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

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

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

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

.fb4ae {
  text-align: center;
}

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

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

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

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

.j2773 {
  width: 100%;
  min-height: 250px;
  max-height: 400px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

.ddc765 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

.n6bb {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-fast);
  display: inline-block;
  margin-top: clamp(0.25rem, 0.5vw, 0.5rem);
}

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

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

.d2578 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  border: 1px solid var(--color-border);
}

.d2578:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-accent);
}

.f644063d {
  flex: 0 0 auto;
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

.n97e {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  transition: all var(--transition-fast);
  display: inline-block;
  margin-top: clamp(0.25rem, 0.5vw, 0.5rem);
}

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

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

.nb4327 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-fast);
  display: inline-block;
}

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

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

  .oca4a9 {
    flex: 1 1 100%;
  }

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

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

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

.kdcd80 {
  text-align: center;
}

.g67fae {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-bg-secondary);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.nac {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 251, 235, 0.75);
}

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

.c611 {
  flex: 1 1 50%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 2px solid;
}

.o8b7e342 {
  background: rgba(255, 251, 235, 0.05);
  border-color: rgba(239, 68, 68, 0.3);
}

.j33 {
  background: rgba(217, 119, 6, 0.1);
  border-color: rgba(217, 119, 6, 0.3);
}

.naa4e0f {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-bg-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.o94f {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

.c27 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  align-items: flex-start;
}

.h866 {
  flex: 0 0 auto;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1;
}

.o8b7e342 .h866 {
  color: rgba(239, 68, 68, 0.7);
}

.j33 .h866 {
  color: rgba(16, 185, 129, 0.7);
}

.m6eb0 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: rgba(255, 251, 235, 0.8);
  line-height: 1.5;
}

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

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

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

.g80a {
  text-align: center;
}

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

.d042 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-fast);
}

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

.n3c8 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-top: 1px solid rgba(255, 251, 235, 0.1);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.n3c8.n7b {
  display: none;
}

.i06f5a5 {
  color: rgba(255, 251, 235, 0.85);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  flex: 0 0 auto;
}

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

.g0f6c5,
.j75 {
  padding: clamp(0.5rem, 0.75vw, 0.625rem) clamp(1rem, 1.5vw, 1.25rem);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  cursor: pointer;
  transition: all var(--transition-fast);
  white-space: nowrap;
}

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

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

.j75 {
  background: transparent;
  color: rgba(255, 251, 235, 0.85);
  border: 1px solid rgba(255, 251, 235, 0.3);
}

.j75:hover {
  border-color: rgba(255, 251, 235, 0.6);
  background: rgba(255, 251, 235, 0.05);
}

@media (max-width: 768px) {
  .n3c8 {
    flex-direction: column;
    padding: clamp(0.75rem, 1.5vw, 1rem);
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }

  .i06f5a5 {
    flex: 1 1 100%;
    text-align: center;
  }

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

  .g0f6c5,
  .j75 {
    flex: 1 1 auto;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .l6cd1d {
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }

  .h8b2da2 {
    flex: 1 1 100%;
    padding: clamp(1rem, 2vw, 1.25rem);
  }

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

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

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

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

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

.g8fed {
  display: block;
  max-width: 600px;
}

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

.g8fed p {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.65;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f16,
.pa0 {
  display: block;
}

.f16 h3,
.pa0 h3,
.jf55d41c h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: -0.3px;
}

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

.f16 a,
.pa0 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f16 a:hover,
.pa0 a:hover {
  color: var(--color-accent);
  text-decoration: underline;
  transform: translateX(2px);
}

.jf55d41c {
  display: block;
}

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

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

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

.f6927 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin: 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h7d5 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

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

  .g8fed {
    flex: 1 1 100%;
    margin-bottom: clamp(0.5rem, 2vw, 1rem);
  }

  .f16,
  .pa0 {
    flex: 0 1 auto;
    min-width: 140px;
  }

  .jf55d41c {
    flex: 1 1 220px;
  }

  .f6927 {
    flex: 1 1 100%;
  }

  .i013,
  .l75 {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .b0c394ce {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: clamp(2.5rem, 5vw, 4rem);
    align-items: start;
  }

  .g8fed {
    grid-column: 1 / -1;
    margin-bottom: 0;
  }

  .f16,
  .pa0,
  .jf55d41c {
    display: block;
  }

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

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

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

html, body {
  font-family: 'DM Sans', sans-serif;
  line-height: 1.6;
}

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

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

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

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

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

.ea8bbf46 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
}

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

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

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

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

.pf1 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
  line-height: 1.2;
}

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

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

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

.de95 {
  text-align: center;
}

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

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

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

.f1b {
  display: flex;
  flex-direction: column;
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

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

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

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

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

.p057b {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #f0f0f0;
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
}

.e271,
.kb3bf,
.o9b525 {
  color: var(--color-text-muted);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
}

.e271 i,
.kb3bf i,
.o9b525 i {
  color: var(--color-accent);
  font-size: 0.75rem;
}

.n74ce {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  transition: all 0.3s ease;
  margin-top: 0.5rem;
}

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

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

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

.dfa7f77f {
  text-align: center;
}

.o0359874 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
}

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

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

.nbe2c1 {
  display: flex;
  flex-direction: column;
  flex: 1 1 280px;
  max-width: 350px;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: rgba(255, 251, 235, 0.08);
  border: 1px solid rgba(255, 251, 235, 0.15);
  border-radius: 0.75rem;
  transition: all 0.3s ease;
}

.nbe2c1:hover {
  background: rgba(255, 251, 235, 0.12);
  border-color: rgba(255, 251, 235, 0.25);
  transform: translateY(-2px);
}

.p4544c5 {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  border-radius: 0.5rem;
  color: var(--color-bg-primary);
  font-size: 1.5rem;
}

.b6b140f {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

  .f1b {
    flex: 1 1 340px;
  }

  .nbe2c1 {
    flex: 1 1 300px;
  }
}

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

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

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

  .f1b {
    flex: 1 1 360px;
  }

  .k13 {
    gap: 2rem;
  }

  .ccd {
    gap: 2rem;
  }
}

.b78 {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

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

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

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

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

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

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

.fd1dc {
  display: inline-block;
  background: var(--color-accent);
  color: #ffffff;
  padding: 0.4rem 0.9rem;
  border-radius: 0.25rem;
  font-size: clamp(0.75rem, 0.8vw + 0.5rem, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 1.25rem;
}

.p467f {
  color: #ffffff;
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hfb {
  color: #d0cccb;
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.1875rem);
  line-height: 1.6;
  margin-bottom: 1.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.fc695c {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

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

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

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

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

  .f851,
  .bcb94c17 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d1be8 {
    font-size: 0.8125rem;
    gap: 0.5rem;
  }
}

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

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

.hb02 {
  flex: 1 1 65%;
}

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

.h2fc5d {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  line-height: 1.3;
  margin-top: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.a19834ff {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.a49137cb {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
}

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

.h66 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  line-height: 1.6;
  padding-left: 1.75rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h66:before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.1em;
}

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

.fb9e018 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 0.5rem;
  border: 1px solid #e5e0db;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.g3f {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.1rem;
}

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

.d86a0124 {
  color: var(--color-text-primary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g76549 {
  color: var(--color-text-secondary);
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c1259de {
  background: #fef3c7;
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 0.5rem;
  margin: 2rem 0;
}

.b3933b5 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.b3933b5 i {
  color: var(--color-accent);
  font-size: 1.25rem;
  flex-shrink: 0;
}

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

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

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

.i50 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.i8daa1 {
  flex: 1 1 35%;
  min-width: 250px;
}

.lf4 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 0.75rem;
  border: 1px solid #e5e0db;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.n502766 {
  text-align: center;
}

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

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

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

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

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

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

.de8 {
  color: var(--color-text-secondary);
  font-size: 0.875rem;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i9e717 {
  color: var(--color-text-secondary);
  font-size: 0.8125rem;
  line-height: 1.5;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.j93fa4 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.gc98e {
  background: var(--color-bg-card);
  border: 1px solid #e5e0db;
  border-radius: 0.5rem;
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

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

.dd337 {
  width: 100%;
  height: 150px;
  overflow: hidden;
  background: #e5e0db;
}

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

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

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

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

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

.lde10 {
  color: var(--color-text-secondary);
  font-size: 0.8125rem;
  line-height: 1.5;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .hb02 {
    flex: 1 1 100%;
  }

  .i8daa1 {
    flex: 1 1 100%;
  }

  .aac73 {
    flex-direction: column;
  }

  .e63e,
  .f4ca {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .gdca {
    flex-direction: column;
  }

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

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

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

  .d1be8 {
    margin-bottom: 1.25rem;
  }

  .kc76f9 {
    gap: 1rem;
  }
}

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

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

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

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

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

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

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

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

.icd {
  display: inline-block;
  align-self: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
}

.b62 {
  color: #ffffff;
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.c9b4a {
  color: #e0e0e0;
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.i25 {
  width: 100%;
  max-height: 450px;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  overflow: hidden;
}

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

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

.n71c5 {
  background: var(--color-bg-secondary);
  overflow: hidden;
}

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

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

.acdc9 {
  flex: 1 1 35%;
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  position: sticky;
  top: 2rem;
}

.oe1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

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

.j97bbe3 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.pce {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

.p74c {
  background: var(--color-bg-primary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: clamp(0.35rem, 1vw, 0.5rem);
}

.g118e {
  color: #ffffff;
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  margin: 0 0 1rem 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.hde7c li {
  color: #e0e0e0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: 1.6;
  margin: 0;
  padding-left: 1.5rem;
  position: relative;
}

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

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

.ke4f6442 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.nbfd {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.m7645b {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  border: 1px solid #e0d5ce;
}

.e61 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  margin: 0 0 1rem 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l71e15 {
  list-style: decimal;
  padding: 0 0 0 1.5rem;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

.a73c2a10 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.o4147a0 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  max-width: calc(33.333% - 1rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  border: 1px solid #e0d5ce;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.o4147a0:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.g4476517 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.e3b {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h5742d2a {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.p863 {
  background: var(--color-bg-primary);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: clamp(0.35rem, 1vw, 0.5rem);
}

.l34 {
  color: #e0e0e0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.le56 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ke81 {
  background: var(--color-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.pdde {
  color: var(--color-text-on-accent);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.gde7a4 {
  color: var(--color-text-on-accent);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b690ff {
  display: inline-block;
  background: var(--color-text-on-accent);
  color: var(--color-accent);
  padding: 0.875rem 2rem;
  border-radius: clamp(0.35rem, 1vw, 0.5rem);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  align-self: center;
  font-family: 'Poppins', sans-serif;
  cursor: pointer;
}

.b690ff:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}

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

.nd79eb {
  background: #f5f1ed;
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.5rem, 2vw, 1rem);
}

.a59 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  margin: 0 0 0.75rem 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.d18aa7 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  border: 1px solid #e0d5ce;
}

.j9f4 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

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

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

.l1f3b {
  margin: 0;
  font-size: clamp(1.05rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.n5a5110a {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  border: 1px solid #e0d5ce;
}

.f26069 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.5rem);
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  margin: 0 0 1.5rem 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.gf4f21b {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: #f9f5f0;
  padding: 1rem;
  border-radius: clamp(0.35rem, 1vw, 0.5rem);
}

.gf4f21b:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.l89db68 {
  width: 100%;
  height: 150px;
  border-radius: clamp(0.35rem, 1vw, 0.5rem);
  overflow: hidden;
}

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

.i9938343 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .m1e5af {
    flex: 1 1 100%;
  }

  .acdc9 {
    flex: 1 1 100%;
    position: static;
  }

  .n187cfa,
  .ke1d1b,
  .b1f {
    flex-direction: column;
  }

  .pce,
  .hc24c,
  .b72f8f,
  .nbfd,
  .h5742d2a,
  .e8ff4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

  .d47c {
    font-size: 0.8125rem;
  }

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

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

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

  .n5a5110a {
    padding: 1.5rem;
  }

  .l89db68 {
    height: 120px;
  }
}

@media (max-width: 480px) {
  .i25 {
    max-height: 300px;
  }

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

  .p74c,
  .m7645b,
  .p863 {
    padding: 1rem;
  }

  .ke81 {
    padding: 1.5rem;
  }

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

.nfc58 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: 1.6;
  overflow-x: hidden;
}

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

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

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

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

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

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

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

.j7f5 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

.ffccda {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto 2rem;
  line-height: 1.7;
}

.b40edd {
  display: flex;
  justify-content: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
  margin-bottom: clamp(2.5rem, 5vw, 3.5rem);
}

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

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

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

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

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

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

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

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

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

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

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

.j8f8ea20 img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-md);
}

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

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

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

.p2a57 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  max-width: 600px;
  margin: 0 auto;
}

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

.dc141c7 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

.h3f129 {
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

.m9c2 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
}

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

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

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

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

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

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

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

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

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

.o67a680 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  margin-bottom: 1.5rem;
}

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

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

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

.d6fdb img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

.n847 img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-md);
}

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

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

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

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

.a8a9 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  max-width: 280px;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

.e157e607 {
  width: 3rem;
  height: 3rem;
  background: var(--color-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 1.5rem;
}

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

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

.ed24 {
  position: absolute;
  right: 0;
  top: 0;
  width: 280px;
  padding-top: 2rem;
  display: none;
}

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

.c613a {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-sm);
}

.ked {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  margin: 0 auto 1rem;
  display: block;
  object-fit: cover;
  border: 2px solid var(--color-accent);
}

.hc33 {
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
}

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

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

.p78cfe {
  color: var(--color-accent);
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

.c8542 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.oc58 {
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1.5rem 0;
}

.k604390 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.f6d48322 {
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

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

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

@media (max-width: 767px) {
  .oc8f,
  .me5,
  .n4990f {
    flex-direction: column;
  }

  .e46ea8,
  .j8f8ea20,
  .l7a,
  .d6fdb,
  .n847,
  .e8d30f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n847 {
    order: 0;
  }

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

  .ed24 {
    position: static;
    width: 100%;
    padding-top: 0;
    margin-top: clamp(2rem, 5vw, 3rem);
  }

  .b7add38 {
    position: static;
  }
}

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

@media (min-width: 1200px) {
  .nfc58 {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 2rem;
  }

  .oe2f9058,
  .p1b254a,
  .hcedb3,
  .l9a5b0,
  .g4c0,
  .idcdb41b,
  .e075c1 {
    grid-column: 1;
  }

  .ed24 {
    grid-column: 2;
    grid-row: 1 / span 7;
    position: sticky;
    top: 2rem;
    height: fit-content;
    padding-top: 0;
    margin-top: 0;
  }
}

@media (min-width: 1440px) {
  .nc55 {
    padding: 0 clamp(2rem, 5vw, 3rem);
  }
}

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

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

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

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

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

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

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

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

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

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

.f7b {
  display: inline-flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  background: var(--color-primary-light);
  color: var(--color-text-primary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-weight: 500;
}

.f7b i {
  font-size: 0.9em;
}

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

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

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

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

.ic3562b8 i {
  color: var(--color-accent);
  font-size: 0.95em;
}

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

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

.o83 {
  background: var(--color-bg-secondary);
  overflow: hidden;
}

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

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

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

.a3cdd2 {
  margin-bottom: clamp(3rem, 5vw, 4rem);
}

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

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

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

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

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

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

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

.jb3011 {
  background: var(--color-primary-light);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  margin-bottom: clamp(3rem, 5vw, 4rem);
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

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

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

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

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

.la055 {
  margin-bottom: clamp(3rem, 5vw, 4rem);
}

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

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

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

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

.d985d07 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

.nb67 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: 1.5rem;
  font-weight: 700;
  border-radius: var(--radius-full);
  margin-top: 0.25rem;
}

.l5ddef07 {
  flex: 1;
}

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

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

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

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

.c78c81a9 {
  background: var(--color-warning-light);
  border-left: 4px solid var(--color-warning);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  margin-bottom: clamp(3rem, 5vw, 4rem);
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.h4f321 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  width: 100%;
}

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

.pcbe {
  flex: 1;
}

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

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

.n8f45 {
  margin-bottom: clamp(3rem, 5vw, 4rem);
}

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

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

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

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

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

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

.n594 {
  border-bottom: 1px solid var(--color-border-light);
  padding-bottom: clamp(1.25rem, 2vw, 1.75rem);
}

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

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

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

.b50840ec {
  margin-bottom: clamp(3rem, 5vw, 4rem);
}

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

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

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

.n333f301 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
  line-height: 1.7;
  margin-bottom: 1rem;
  font-weight: 500;
}

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

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

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

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

.l85b6 {
  margin-bottom: 0;
}

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

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

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

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

.e038 {
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

.a3924 {
  color: var(--color-text-on-accent);
  font-size: clamp(1.2rem, 3vw + 0.5rem, 1.5rem);
  font-weight: 700;
  margin: 0;
}

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

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

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

.oab4 {
  flex: 1 1 35%;
  max-width: 35%;
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 3rem);
}

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

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

.p47 {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

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

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

.gbf7d {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  margin: 0;
  font-weight: 500;
}

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

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

.o1930 {
  color: var(--color-text-primary);
  font-size: clamp(1.15rem, 3vw + 0.5rem, 1.4rem);
  font-weight: 700;
  margin: 0;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--color-accent);
}

.h6a9 {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

.c29 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.15rem);
  font-weight: 600;
  margin: 0;
  padding: 1rem;
  padding-bottom: 0.5rem;
  line-height: 1.4;
}

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

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

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

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

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

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

  .f6a {
    flex-direction: column;
  }

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

  .e0f {
    flex-direction: column;
  }

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

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

  .l1e {
    flex-direction: column;
  }

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

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

  .fabfd {
    flex-direction: column-reverse;
  }

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

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

  .jdec89c6 {
    flex-direction: column;
  }

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

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

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

  .fb2 {
    position: relative;
    top: 0;
  }
}

@media (max-width: 767px) {
  .g97 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

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

  .k7e2e {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

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

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

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

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

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

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

  .d985d07 {
    gap: 1rem;
  }

  .nb67 {
    width: 45px;
    height: 45px;
    font-size: 1.25rem;
  }
}

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

html, body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-muted);
}

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

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

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

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

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

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

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

.m1a85 {
  text-align: center;
  max-width: 700px;
}

.gc8078f3 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1.25rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
  letter-spacing: 0.05em;
}

.b97e3a {
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  color: var(--color-bg-secondary);
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

.c14852 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-muted);
  max-width: 600px;
  line-height: 1.7;
}

.ia1526 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.nb07a {
  background: var(--color-bg-tertiary);
  padding: clamp(3.5rem, 8vw, 5.5rem) 0;
  overflow: hidden;
}

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

.f1e91867 {
  text-align: center;
  max-width: 650px;
  margin: 0 auto clamp(1rem, 2vw, 2rem);
}

.n22daec {
  display: inline-block;
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

.kc5 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1.25rem;
}

.mea1c56 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
}

.ob592d6 {
  background: var(--color-bg-primary);
  padding: clamp(3.5rem, 8vw, 5.5rem) 0;
  overflow: hidden;
}

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

.aa61cc {
  text-align: center;
  max-width: 700px;
  margin: 0 auto clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

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

.be5901 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: 10px;
  border-left: 4px solid var(--color-accent);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.j692d2c {
  font-size: clamp(2rem, 3vw, 2.75rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: block;
}

.g1a8 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
  margin-bottom: 0.75rem;
  font-family: var(--font-heading);
}

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

.d4759 {
  background: var(--color-bg-tertiary);
  padding: clamp(3.5rem, 8vw, 5.5rem) 0;
  overflow: hidden;
}

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

.lbe {
  text-align: center;
  max-width: 700px;
  margin: 0 auto clamp(1rem, 2vw, 2rem);
}

.o9739872 {
  display: inline-block;
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

.n04 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1.25rem;
}

.dc8 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  max-width: 700px;
  margin: 0 auto clamp(1.5rem, 3vw, 2.5rem);
  line-height: 1.8;
}

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

.g7fd26 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: flex-start;
}

.p8d {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  margin-top: 0.25rem;
}

.d33b {
  flex: 1;
}

.ha2d7 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
  margin-bottom: 0.5rem;
  font-family: var(--font-heading);
}

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

.a8a0a1 {
  background: var(--color-bg-primary);
  padding: clamp(3.5rem, 8vw, 5.5rem) 0;
  overflow: hidden;
}

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

.lc38e {
  text-align: center;
  max-width: 700px;
  margin: 0 auto clamp(1rem, 2vw, 2rem);
}

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

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

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

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

.b2d2a8 {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 280px;
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 3vw, 2.75rem);
  border-radius: 10px;
  border-top: 3px solid var(--color-secondary);
}

.e9ef {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
  margin-bottom: 1rem;
  font-family: var(--font-heading);
}

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

.f2d36e2 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 6vw, 4rem) 0;
  overflow: hidden;
  border-top: 1px solid rgba(217, 119, 6, 0.2);
}

.l1f {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 750px;
  margin: 0 auto;
}

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

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

.bf1 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
  font-family: var(--font-heading);
}

.p837 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  line-height: 1.8;
  font-weight: 400;
}

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

  .b2d2a8 {
    flex: 1 1 100%;
  }

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

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

  .b2d2a8 {
    flex: 1 1 calc(50% - 1.25rem);
  }
}

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

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

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

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

.e6f {
  width: 100%;
  max-width: 500px;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

.a7257f07 {
  text-align: center;
  max-width: 700px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

.j506d {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
}

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

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

.de0a {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 250px;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.f94aed {
  font-size: 2.5rem;
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
}

.h6788 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.e6c {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
}

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

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

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

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

.nf36ae97 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  color: var(--color-accent);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.l700795 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
}

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

.a1e {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: center;
  max-width: 900px;
  margin: 0 auto;
}

.b5a0 {
  display: inline-block;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.l89c {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
}

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

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

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

.f41 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

.j068fa8 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.gba3 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 500;
  text-decoration: none;
  transition: all var(--transition-base);
  width: fit-content;
}

.gba3:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

.gba3 i {
  font-size: 0.875em;
}

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

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

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

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

.j649 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  width: fit-content;
  align-self: center;
}

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

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

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

  .a7257f07 {
    flex: 0 1 55%;
    text-align: left;
  }

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

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

  .f41 {
    flex-direction: row;
    align-items: flex-start;
    gap: 2rem;
  }

  .f41 > div:first-child {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

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

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

.i25fc {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.ldcc {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.01em;
}

.d2ede {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  margin: 0;
  line-height: 1.5;
  font-weight: 400;
}

@media (min-width: 768px) {
  .i25fc {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

.a683c {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.ff127 {
  max-width: 1200px;
  margin: 0 auto;
}

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

@media (min-width: 768px) {
  .k67f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .a683c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .k67f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

.bf5278 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-xs);
}

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

.nc2 {
  width: 3rem;
  height: 3rem;
  background-color: var(--color-primary-lightest);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  font-size: 1.5rem;
  color: var(--color-primary);
}

.o28c0 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.375rem);
  font-weight: 600;
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.n4b10 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.p02d {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-top: auto;
}

.i4a {
  background-color: var(--color-primary-lightest);
  color: var(--color-primary-dark);
  font-size: 0.75rem;
  font-weight: 500;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

@media (min-width: 768px) {
  .bf5278 {
    padding: var(--spacing-xl);
  }
}

.e88e1d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.hc7 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  align-items: center;
}

.i83bc2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.of94 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.01em;
}

.e0129f29 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.125rem);
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg) 0;
}

.e15303c8 {
  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.25rem, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  width: fit-content;
}

.e15303c8:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.e15303c8:active {
  transform: translateY(0);
}

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

@media (min-width: 768px) {
  .e88e1d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .hc7 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }

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

@media (min-width: 1024px) {
  .hc7 {
    gap: var(--spacing-3xl);
  }
}

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

.jfd7 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.h27d591 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.jb364e6 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.h54a {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.pd921 {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

.g544b7 {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  transition: var(--transition-base);
}

.g544b7:hover {
  border-color: var(--color-border);
  box-shadow: var(--shadow-sm);
}

.e96 {
  width: 100%;
  padding: var(--spacing-lg);
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  text-align: left;
  transition: var(--transition-base);
}

.e96:hover {
  background-color: var(--color-bg-tertiary);
}

.e96:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}

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

.h10 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-full);
  color: var(--color-primary);
  font-size: 1.25rem;
  font-weight: 600;
  transition: var(--transition-fast);
}

.e96[aria-expanded="true"] .h10 {
  background-color: var(--color-accent-light);
  color: var(--color-accent);
  transform: rotate(45deg);
}

.n35ee1bc {
  padding: 0 var(--spacing-lg) var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.n35ee1bc p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.jed7979 {
  display: none;
}

.e5ecf {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  height: fit-content;
}

.n4f1d94d {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.m950 {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-md) 0;
}

.oc8cef5 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.af38db {
  font-family: var(--font-primary);
  font-size: 0.9rem;
  color: var(--color-accent);
  text-decoration: none;
  transition: var(--transition-fast);
  padding: var(--spacing-xs) 0;
  border-bottom: 1px solid transparent;
}

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

.c45c1 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.pe44da {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.j89392 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.n2ee86 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.i35ef5 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
}

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

.i35ef5:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .jfd7 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .h54a {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .pd921 {
    grid-template-columns: 1fr 280px;
  }

  .jed7979 {
    display: block;
  }

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

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

  .c45c1 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .jfd7 {
    padding: 5rem var(--spacing-lg);
  }

  .h54a {
    padding: 5rem var(--spacing-lg);
  }

  .c45c1 {
    padding: 5rem var(--spacing-lg);
  }

  .ha8f1a7 {
    font-size: 1.15rem;
  }

  .n35ee1bc p {
    font-size: 1rem;
  }
}

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

.l3d05601 .nc55 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.l3d05601 .m89 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.l3d05601 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
  line-height: 1.3;
}

.l3d05601 .e2c6a {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
  margin-bottom: var(--spacing-xl);
  font-style: italic;
}

.l3d05601 section {
  margin-bottom: var(--spacing-3xl);
}

.l3d05601 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
  line-height: 1.4;
}

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

.l3d05601 ul,
.l3d05601 ol {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

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

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

.l3d05601 .o53 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-top: var(--spacing-3xl);
}

.l3d05601 .o53 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.l3d05601 .o53 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

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

.l3d05601 .if4141 strong {
  color: var(--color-text-primary);
  display: block;
  margin-bottom: var(--spacing-xs);
}

@media (min-width: 768px) {
  .l3d05601 .nc55 {
    padding: 0 var(--spacing-lg);
  }

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

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

  .l3d05601 section {
    margin-bottom: var(--spacing-3xl);
  }

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

@media (min-width: 1024px) {
  .l3d05601 .m89 {
    padding: var(--spacing-3xl) 0;
  }
}

.bce5b2f1 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.a62d12a {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .a62d12a {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a62d12a {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.nc55 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

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

.d64 {
  text-align: center;
  animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ge4fc {
  margin: 0 auto var(--spacing-lg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  color: var(--color-success);
  animation: scaleIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.ge4fc svg {
  width: 100%;
  height: 100%;
  display: block;
}

.d64 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

.gbb7fbfa {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.5;
}

.o4c8 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-2xl) 0;
}

.o0a49624 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg) var(--spacing-md);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: left;
}

@media (min-width: 768px) {
  .o0a49624 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }
}

.o0a49624 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
}

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

.j18eb li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  padding: var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-lg);
  position: relative;
  margin: 0;
}

.j18eb li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 6px;
  height: 6px;
  background-color: var(--color-success);
  border-radius: var(--radius-full);
}

.j60 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1.05rem);
  color: var(--color-text-muted);
  line-height: 1.7;
  margin: 0 0 var(--spacing-2xl) 0;
}

.dde {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  letter-spacing: 0.3px;
}

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

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

.ce775:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (max-width: 480px) {
  .d64 {
    padding: var(--spacing-lg) 0;
  }

  .dde {
    width: 100%;
    padding: var(--spacing-md) var(--spacing-lg);
  }
}

.n53d72bf {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

.nc55 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ied34b {
  width: 100%;
  max-width: 800px;
  text-align: center;
}

.g7b07e4 {
  margin-bottom: var(--spacing-3xl);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.d6a57c43 {
  font-size: clamp(5rem, 20vw, 12rem);
  font-weight: 900;
  font-family: var(--font-heading);
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  margin: 0;
  position: relative;
  z-index: 2;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.if4 {
  position: absolute;
  width: clamp(200px, 60vw, 400px);
  height: clamp(200px, 60vw, 400px);
  background-color: var(--color-primary-light);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.08;
  z-index: 1;
  animation: pulse-accent 4s ease-in-out infinite;
}

@keyframes pulse-accent {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.08;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.12;
  }
}

.l65a {
  animation: fade-in-up 0.8s ease-out;
}

@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.pe8 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.kc19778 {
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-2xl) 0;
  letter-spacing: 0.3px;
}

.i476f4 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-2xl);
  animation: slide-in-left 0.8s ease-out 0.2s both;
}

@keyframes slide-in-left {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.dbc1ce {
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  letter-spacing: 0.3px;
}

.dde {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.5px;
}

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

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

.ce775:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.mbca {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
}

@media (min-width: 640px) {
  .n53d72bf {
    padding: var(--spacing-lg);
  }

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

  .d6a57c43 {
    font-size: clamp(6rem, 25vw, 12rem);
  }

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

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

  .i476f4 {
    padding: var(--spacing-lg) var(--spacing-xl);
    margin-bottom: var(--spacing-2xl);
  }
}

@media (min-width: 768px) {
  .n53d72bf {
    padding: var(--spacing-xl);
  }

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

  .d6a57c43 {
    font-size: clamp(7rem, 30vw, 12rem);
  }

  .pe8 {
    font-size: clamp(2rem, 5vw, 2.5rem);
    margin-bottom: var(--spacing-lg);
  }

  .kc19778 {
    font-size: clamp(1rem, 1.8vw, 1.15rem);
    margin-bottom: var(--spacing-2xl);
  }

  .mbca {
    padding: clamp(0.85rem, 1.5vw, 1.1rem) clamp(2rem, 5vw, 3rem);
  }
}

@media (min-width: 1024px) {
  .n53d72bf {
    padding: var(--spacing-2xl);
  }

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

  .d6a57c43 {
    font-size: clamp(8rem, 35vw, 12rem);
  }

  .pe8 {
    font-size: clamp(2.25rem, 6vw, 2.75rem);
    margin-bottom: var(--spacing-xl);
  }

  .kc19778 {
    font-size: clamp(1.05rem, 2vw, 1.25rem);
    margin-bottom: var(--spacing-2xl);
  }

  .if4 {
    width: 450px;
    height: 450px;
  }

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

@media (min-width: 1440px) {
  .nc55 {
    padding: 0 var(--spacing-2xl);
  }

  .d6a57c43 {
    font-size: 12rem;
  }

  .pe8 {
    font-size: 2.75rem;
  }

  .kc19778 {
    font-size: 1.25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .c5ab2,
  .l65a,
  .i476f4 {
    animation: none;
  }

  .ce775:hover {
    transform: none;
  }

  .ce775:active {
    transform: none;
  }

  .if4 {
    animation: none;
  }
}

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

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

.mb4e4e {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  text-align: center;
}

.ebb040 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

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

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

.g6e {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

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

@media (min-width: 768px) {
  .a121f9c6 {
    flex: 1 1 calc(50% - var(--spacing-2xl));
    max-width: 500px;
  }
}

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

.idc8 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.o2a98e7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.a96136 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.l35d4 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.c3b {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.a5e65842,
.fdb04 {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

.a5e65842::placeholder,
.fdb04::placeholder {
  color: var(--color-text-muted);
}

.a5e65842:focus,
.fdb04:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px var(--color-primary-lightest);
}

.fdb04 {
  resize: vertical;
  min-height: 140px;
  font-family: var(--font-primary);
}

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

.h9f35 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.pf73f {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 600;
}

.pf73f:hover,
.pf73f:focus {
  color: var(--color-accent-hover);
  text-decoration: underline;
  outline: none;
}

.nb690a51 {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
}

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

.nb690a51:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-accent-light);
}

.nb690a51:active {
  transform: translateY(0);
}

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

@media (min-width: 768px) {
  .n98e6 {
    flex: 1 1 calc(50% - var(--spacing-2xl));
    max-width: 500px;
  }
}

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

.f2d0 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.a1b7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

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

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

.nb18:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

.g4590 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-lightest);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.l3736 {
  flex: 1;
  min-width: 0;
}

.ma3 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.i6b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-xs) 0;
}

.e384d {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

.e384d:hover,
.e384d:focus {
  color: var(--color-accent-hover);
  text-decoration: underline;
  outline: none;
}

.eeb08f8 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
}

.jce6 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  text-align: center;
}

.ob8534d8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
}

.o65623 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 700;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
}

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

.o65623:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

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

.i57 {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.e78 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: var(--spacing-sm);
  line-height: 1.2;
}

.l200f178 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.6;
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

.iede {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 3vw, 2rem);
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

@media (min-width: 768px) {
  .iede {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .iede {
    grid-template-columns: repeat(3, 1fr);
  }
}

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

.cdee1:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

.d568bad7 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

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

.h8ff8 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

.h8ff8:hover,
.h8ff8:focus {
  color: var(--color-accent-hover);
  text-decoration: underline;
  outline: none;
}

.ca28 {
  text-align: center;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
}

.m306f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.6;
}

.p95b399 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 700;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
}

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

.p95b399:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

@media (max-width: 767px) {
  .ib707 {
    padding: 2.5rem 0;
  }

  .o09 {
    padding: 2.5rem 0;
  }

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

  .a121f9c6,
  .n98e6 {
    flex: 1 1 100%;
  }

  .i04054 {
    padding: 2.5rem 0;
  }
}

@media (min-width: 1024px) {
  .ib707 {
    padding: 6rem 0;
  }

  .o09 {
    padding: 6rem 0;
  }

  .i04054 {
    padding: 6rem 0;
  }
}
.o5364efb,.l1aa76a{
  width: 34px;
}

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

.m20{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .m20{
    max-width: 100%;
  }
}

.m20.d8f2069{
  z-index: 999;
}

.ne50ec1{
  padding-top: 50px;
}

.o5364efb[aria-expanded="true"]{
  display: none;
}