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

:root {
  --color-bg-primary: #fafafa;
  --color-bg-secondary: #f4f4f5;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #18181b;
  --color-text-secondary: #3f3f46;
  --color-text-muted: #68686e;

  --color-primary: #0d9488;
  --color-primary-hover: #0f766e;
  --color-primary-light: #e0f7f5;
  --color-secondary: #2dd4bf;
  --color-secondary-light: #e6fdf9;

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

  --color-border: #e4e4e7;
  --color-border-light: #f0f0f0;

  --font-primary: 'Lato', sans-serif;
  --font-heading: 'Josefin Sans', 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;

  --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-base: 200ms ease-in-out;
  --transition-fast: 150ms ease-in-out;
  --transition-slow: 300ms ease-in-out;

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

html {
  font-size: 17px;
  scroll-behavior: smooth;
}

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

* {
  box-sizing: border-box;
}

*::selection {
  background: var(--color-primary-light);
  color: var(--color-primary);
}

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

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.3;
  margin-top: 0;
  color: var(--color-text-primary);
}

h1 {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.015em;
}

h3 {
  font-size: 1.875rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}

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

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

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

p {
  margin-top: 0;
  margin-bottom: var(--spacing-lg);
  line-height: 1.7;
  letter-spacing: 0.3px;
}

small, .i764044 {
  font-size: 0.94rem;
  letter-spacing: 0.2px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.f73bfe7c {
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 0.94rem;
}

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

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

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

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

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea,
select {
  font-family: var(--font-primary);
  font-size: 1rem;
  width: 100%;
  padding: var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
  line-height: 1.6;
  letter-spacing: 0.3px;
}

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

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

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

ul, ol {
  margin-top: 0;
  margin-bottom: var(--spacing-lg);
  padding-left: var(--spacing-2xl);
  line-height: 1.8;
  letter-spacing: 0.2px;
}

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

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

.acc42bc {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.k8ca {
  background: #dcfce7;
  color: var(--color-success);
}

.a7506ee {
  background: #fef3c7;
  color: var(--color-warning);
}

.ebfce5 {
  background: #fee2e2;
  color: var(--color-danger);
}

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

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

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

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

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

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

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

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

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

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

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

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

.p6a {
  display: flex;
}

.be4b58 {
  flex-direction: column;
}

.a2e26 {
  align-items: center;
}

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

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

.l3ba {
  justify-content: center;
}

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

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

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

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

.ef7aba { margin-top: 0; }
.l9a508 { margin-top: var(--spacing-xs); }
.ff3 { margin-top: var(--spacing-sm); }
.fa3fcefd { margin-top: var(--spacing-md); }
.bae0852 { margin-top: var(--spacing-lg); }
.mebc { margin-top: var(--spacing-2xl); }
.nd3e { margin-top: var(--spacing-3xl); }

.lca281 { margin-bottom: 0; }
.mdb2be { margin-bottom: var(--spacing-xs); }
.d88e1 { margin-bottom: var(--spacing-sm); }
.a0b16951 { margin-bottom: var(--spacing-md); }
.da5 { margin-bottom: var(--spacing-lg); }
.i89995ac { margin-bottom: var(--spacing-2xl); }
.p62 { margin-bottom: var(--spacing-3xl); }

.h8e44 { padding-top: var(--spacing-lg); }
.e20aa6a { padding-top: var(--spacing-2xl); }
.c0fc9ad6 { padding-top: var(--spacing-3xl); }

.e8dd14af { padding-bottom: var(--spacing-lg); }
.pbf { padding-bottom: var(--spacing-2xl); }
.ie4ea143 { padding-bottom: var(--spacing-3xl); }

.cc021 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.g7d6e { padding-left: var(--spacing-2xl); padding-right: var(--spacing-2xl); }

.ced5d { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.n36b604 { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl); }
.ifa { padding-top: var(--spacing-3xl); padding-bottom: var(--spacing-3xl); }

.oa53 {
  text-align: center;
}

.f47e {
  text-align: left;
}

.pefb {
  text-align: right;
}

.iaeb6 {
  font-weight: 700;
}

.jdd86a32 {
  font-weight: 600;
}

.nec {
  font-weight: 500;
}

.j93662 {
  font-weight: 400;
}

.j8d2b {
  opacity: 0.5;
}

.j53c {
  opacity: 0.75;
}

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

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

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

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

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

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

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

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

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

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

.p9c5 {
  background: var(--color-bg-tertiary);
}

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

.c04a2 {
  width: 100%;
}

.e673 {
  max-width: 28rem;
}

.gcb377 {
  max-width: 32rem;
}

.hee5b70f {
  max-width: 42rem;
}

.d18e0f {
  max-width: 56rem;
}

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

@media (max-width: 768px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

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

  .ceedda3f,
  .ib9c,
  .kdc4 {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 480px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .fb28f {
    width: 100%;
  }

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

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

.la299 {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 0.5rem;
  flex-shrink: 0;
  transition: opacity var(--transition-fast);
}

.la299:hover {
  opacity: 0.85;
}

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

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

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

.n5e834be {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  transition: color var(--transition-fast);
  white-space: nowrap;
}

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

.d1be8766 {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-fast);
  white-space: nowrap;
  flex-shrink: 0;
}

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

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

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

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

.n02f9.pf8 span:nth-child(2) {
  opacity: 0;
}

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

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

.efef6c6.pf8 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

.bd4f9f {
  padding: 1rem 0;
  color: var(--color-text-secondary);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  border-bottom: 1px solid var(--color-border-light);
  transition: color var(--transition-fast);
  display: block;
}

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

.n03990 {
  display: block;
  margin: clamp(1.5rem, 3vw, 2rem) clamp(1rem, 4vw, 2rem);
  padding: 1rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  text-align: center;
  transition: all var(--transition-fast);
}

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

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

  .efef6c6 {
    display: none;
  }

  .gb00 {
    display: flex;
  }

  .d1be8766 {
    display: block;
  }
}

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

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

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

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

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

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

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

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

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

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

.f152 {
  height: 4px;
  width: clamp(60px, 15vw, 120px);
  background: var(--color-accent);
  border-radius: 2px;
}

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

.ga0d8 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
}

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

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

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

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

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

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

.n69955b0 {
  text-align: center;
}

.b576e1 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 1rem 0;
}

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

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

.i885 {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  padding: 2rem 0;
}

.h632b9 {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
  transform: translateX(-50%);
}

.ff13 {
  display: flex;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  position: relative;
}

.m80 {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

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

.af4bad {
  position: absolute;
  left: 50%;
  top: 1rem;
  width: 16px;
  height: 16px;
  background: var(--color-accent);
  border: 3px solid var(--color-bg-secondary);
  border-radius: 50%;
  transform: translateX(-50%);
  z-index: 2;
  flex-shrink: 0;
}

.f63c31cc {
  width: calc(50% - 40px);
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

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

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

@media (max-width: 768px) {
  .h632b9 {
    left: 20px;
  }

  .m80, .l4801e91 {
    flex-direction: row;
    justify-content: flex-start;
  }

  .f63c31cc {
    width: calc(100% - 60px);
    margin-left: 50px;
  }

  .af4bad {
    left: 20px;
  }
}

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

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

.od32477 {
  text-align: center;
}

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

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

.l823e {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: stretch;
}

.cc21689b {
  flex: 1 1 45%;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.l2c20 {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-danger);
}

.nd01d10 {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
}

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

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

.da71a {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
}

.l2c20 .da71a::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-danger);
  font-weight: bold;
}

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

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

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

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

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

.b9f88d {
  text-align: center;
}

.e1b473 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 1rem 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.a897e5 {
  display: flex;
  gap: 0.5rem;
  margin-top: auto;
}

.hbb811 {
  font-size: clamp(0.75rem, 0.9vw + 0.5rem, 0.85rem);
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-sm);
  font-weight: 500;
}

.h2eb83a {
  text-align: center;
}

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

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

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

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

.m04 {
  text-align: center;
}

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

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

.kfa6d2 {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}

.c4b7 {
  position: relative;
  width: 100%;
  max-width: 500px;
}

.ad905a {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-text-muted);
  font-size: 1.125rem;
}

.c7230fb1 {
  width: 100%;
  padding: 0.75rem 1rem 0.75rem 2.5rem;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  background: var(--color-bg-tertiary);
  transition: all 0.3s ease;
}

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

.jcf8 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.j8b6cc1 {
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

.e23d2df9 {
  width: 100%;
  padding: clamp(1rem, 2vw, 1.5rem);
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

.e23d2df9 span {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 500;
  text-align: left;
  flex: 1;
}

.lff9c3db {
  color: var(--color-accent);
  font-size: 1rem;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

.j8b6cc1.pf8 .lff9c3db {
  transform: rotate(180deg);
}

.m735 {
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

.j8b6cc1.pf8 .m735 {
  max-height: 500px;
  padding: clamp(1rem, 2vw, 1.5rem);
}

.m735 p {
  margin: 0;
  line-height: 1.6;
}

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

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

.ha04 {
  text-align: center;
}

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

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

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

.pf4 {
  flex: 1 1 280px;
  max-width: 350px;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
  box-shadow: var(--shadow-md);
}

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

.k9781b {
  background: var(--color-bg-secondary);
  border-top: 3px solid var(--color-accent);
}

.ka9 {
  background: var(--color-bg-secondary);
  border-top: 3px solid var(--color-secondary);
}

.j509a7 {
  background: var(--color-bg-secondary);
  border-top: 3px solid var(--color-primary);
}

.kaa1 {
  font-size: 2.5rem;
  color: var(--color-accent);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(13, 148, 136, 0.1);
  border-radius: var(--radius-md);
}

.ka9 .kaa1 {
  color: var(--color-secondary);
  background: rgba(45, 212, 191, 0.1);
}

.j509a7 .kaa1 {
  color: var(--color-primary);
  background: rgba(15, 118, 110, 0.1);
}

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

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

.be9 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
  display: inline-block;
  margin-top: 0.5rem;
}

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

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

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

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

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

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

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

.f4f2c {
  align-self: center;
}

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

.b281.f212 {
  display: none;
}

.m7ae {
  color: var(--color-bg-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  flex: 0 1 auto;
  max-width: 600px;
}

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

.n1fe1916,
.b3f9f560 {
  padding: 0.625rem 1.25rem;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
}

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

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

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

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

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

  .m7ae {
    flex: 1 1 100%;
  }

  .c2c0c {
    flex: 1 1 100%;
    justify-content: center;
  }
}

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

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

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

.n4b {
  max-width: 480px;
}

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

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

.g57e3,
.dfd,
.c4a0fb {
  display: block;
}

.g57e3 h4,
.dfd h4,
.c4a0fb h4 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: -0.3px;
}

.a521e6,
.dae390c1 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 2vw, 1.5rem);
}

.a521e6 li,
.dae390c1 li {
  display: inline-block;
}

.a521e6 a,
.dae390c1 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;
}

.a521e6 a:hover,
.dae390c1 a:hover {
  color: var(--color-accent);
  transform: translateX(2px);
}

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

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

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

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

.p613c {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  margin: 0;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .g2f1d300 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: dense;
    gap: clamp(2.5rem, 5vw, 4rem);
  }

  .n4b {
    grid-column: 1 / 2;
    grid-row: 1;
  }

  .g57e3 {
    grid-column: 2 / 3;
    grid-row: 1;
  }

  .dfd {
    grid-column: 1 / 2;
    grid-row: 2;
  }

  .c4a0fb {
    grid-column: 2 / 3;
    grid-row: 2;
  }

  .i8b {
    grid-column: 1 / -1;
    grid-row: 3;
  }
}

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

  .n4b {
    grid-column: 1 / 2;
    grid-row: 1;
  }

  .g57e3 {
    grid-column: 2 / 3;
    grid-row: 1;
  }

  .dfd {
    grid-column: 3 / 4;
    grid-row: 1;
  }

  .c4a0fb {
    grid-column: 4 / 5;
    grid-row: 1;
  }

  .i8b {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}
    

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

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

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

.h7d0287 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

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

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

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

.k06 {
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

.o5b {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.aebf {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-sm);
}

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

.pc1df4 i {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

.f02c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding-left: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f02c::before {
  content: "";
  color: var(--color-accent);
  font-weight: bold;
  flex-shrink: 0;
  margin-top: 2px;
}

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

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

.e94fc {
  text-align: center;
}

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

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

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

.n0c {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
  flex: 1 1 clamp(280px, 90%, 350px);
  max-width: 350px;
}

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

.jadcf {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.p55e1bb8 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
  padding: 0 clamp(1rem, 3vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ec9521 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding: 0 clamp(1rem, 3vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
}

.n8f65406,
.pa1,
.a550c3f7 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.n8f65406 i,
.pa1 i,
.a550c3f7 i {
  color: var(--color-accent);
}

.ldbb {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  padding: 0 clamp(1rem, 3vw, 1.5rem) clamp(1rem, 3vw, 1.5rem);
  transition: all 0.3s ease;
  display: inline-block;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

.n2a2bf {
  flex-shrink: 0;
  width: clamp(2rem, 5vw, 2.5rem);
  height: clamp(2rem, 5vw, 2.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

.n2a2bf i {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

@media (max-width: 767px) {
  .h7d0287 {
    flex-wrap: wrap;
  }

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

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

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

  .h3427f {
    gap: clamp(0.75rem, 2vw, 1rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ie4514 i {
  color: var(--color-accent);
  width: 16px;
  text-align: center;
}

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

  .oa87f8,
  .g7738 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.if8db88 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.c9a7 {
  flex-shrink: 0;
}

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

.g596388 {
  flex: 1 1 auto;
}

.e4a0bf3 {
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}

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

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

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

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

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

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

  .c9a7 {
    flex-shrink: 0;
  }
}

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

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

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

.pe77f9f0 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.2;
}

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

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

.p3df {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

.k01ac {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.2;
}

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

.h58 {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.p81ac {
  margin: 0;
  padding-left: clamp(1.5rem, 2vw, 2rem);
}

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

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

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

  .j94cae,
  .b46822 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.d12 .bb487 {
  flex-direction: row-reverse;
}

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

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

.je2578b {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-warning);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
}

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

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

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

.mf317ce {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 200px;
  background: var(--color-bg-primary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

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

.na09 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.2;
}

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

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

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

.fd5fcc8f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.2;
}

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

.ccf {
  background: var(--color-accent);
  padding: clamp(1.75rem, 2.5vw, 2.5rem);
  border-radius: var(--radius-md);
  text-align: center;
  margin-top: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
}

.nff08c {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-on-accent);
  line-height: 1.6;
  margin: 0;
}

.mb125 {
  display: inline-block;
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  transition: opacity var(--transition-base);
}

.mb125:hover {
  opacity: 0.9;
  text-decoration: underline;
}

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

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

.n3c {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.2;
}

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

.p6ca {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 250px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

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

.jfa4baa0 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.3;
}

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

.dcf {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
  align-self: flex-start;
}

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

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

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

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

  .oa87f8,
  .g7738 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .bb487 {
    flex-direction: column;
  }

  .j94cae,
  .b46822 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d12 .bb487 {
    flex-direction: column;
  }
}

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

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

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;
}

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

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

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

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

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

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

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

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

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

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

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

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

.b2ba {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  max-width: 700px;
}

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

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

.b8e i {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

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

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

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

.f6e387 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

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

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

.m83d {
  font-size: clamp(1.75rem, 4vw + 0.25rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
}

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

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

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

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

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

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

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

.a795 {
  font-size: clamp(1.5rem, 3vw + 0.25rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

.mbebbd0 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  overflow: hidden;
}

.oba17 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

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

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

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

.n2218f {
  font-size: clamp(1.5rem, 3vw + 0.25rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

.k2e {
  font-size: clamp(1.5rem, 3vw + 0.25rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

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

.d1d20f {
  font-size: clamp(1.75rem, 4vw + 0.25rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

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

.p4a {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 2vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.ce66ae {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

.ccf31 {
  font-size: clamp(1.5rem, 3vw + 0.25rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

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

.mca {
  font-size: clamp(1.75rem, 4vw + 0.25rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

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

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

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

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

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

.i975:hover .eacc411a img {
  transform: scale(1.05);
}

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

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

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

.i68 {
  display: inline-block;
  margin-top: auto;
  padding: clamp(0.5rem, 1vw, 0.75rem) 0;
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  font-weight: 600;
  transition: var(--transition-base);
}

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

@media (max-width: 1024px) {
  .hbd09,
  .l61aee,
  .mc5e7,
  .j58 {
    flex-direction: column;
  }

  .i26d6,
  .b97550,
  .kb1fff7,
  .d5cf180,
  .o4575,
  .ne31,
  .n18c39e,
  .j8fc03d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

  .adbf {
    max-height: 350px;
  }

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

  .f6e387 {
    margin: 0 auto;
  }

  .l7e786 {
    align-items: center;
  }

  .o5ce {
    max-width: 100%;
  }

  .fd2 {
    flex-direction: column;
  }

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

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

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

  .ce66ae {
    margin: 0 auto;
  }
}

@media (max-width: 480px) {
  .b35fedf7 {
    font-size: 0.75rem;
  }

  .b8e {
    font-size: 0.8125rem;
  }

  .g99 {
    gap: 1rem;
  }
}

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

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

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

.j77d23 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  flex-wrap: wrap;
}

.j77d23 a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: color var(--transition-base);
}

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

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

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

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

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

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

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

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

.n0c2 i {
  color: var(--color-accent);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
}

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

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

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

  .fb8b95,
  .bc3 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .mcf44 {
    gap: 1rem;
  }
}

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

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

.fc3c6e {
  flex-shrink: 0;
}

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

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

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

.i72ca {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .f3719,
  .nae4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

  .m10be,
  .o66e2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.k989fe {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.k989fe i {
  color: var(--color-accent);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
}

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

.pb491 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

  .e24be0,
  .i92 {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }
}

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

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

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

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

.l60e76 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i1d {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.hac {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem));
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

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

.j9030 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ca0e4d7 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
  width: fit-content;
}

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

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

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

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

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

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

html, body {
  font-family: 'Lato', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ff2b0 {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

.f8d {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.n248acb {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ecb0c386 {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

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

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

.od4 {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

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

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

.h38bd0d {
  flex: 1;
}

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

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

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

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

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

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

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

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

.g5c10d {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-secondary);
  border-radius: 50%;
}

.jc1c2 {
  flex: 1;
}

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

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

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

.l571ac56 {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

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

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

.j8b1e0f {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

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

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

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

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

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

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

.gf6 {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nbf {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin: 0;
}

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

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

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

@media (max-width: 1023px) {
  .j0b,
  .l0ad83b,
  .n313e2,
  .ja7046,
  .iee,
  .n8f {
    flex-direction: column;
  }

  .p1b,
  .jcc,
  .da64c,
  .mf10def,
  .k34ce,
  .fa2,
  .kaa079f,
  .bef0a,
  .dab,
  .o29d,
  .a0d8,
  .ha6dad66 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .m39 {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

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

  .a651 {
    font-size: 0.8125rem;
  }

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

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

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

  .a99c9b20 {
    flex-direction: column;
  }

  .ic99 {
    gap: 1.5rem;
  }

  .g5c10d {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.5rem;
  }
}

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

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

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

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

.ib6 {
  background: linear-gradient(135deg, #0d9488 0%, #115e59 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
}

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

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

.mafe h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 4rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  line-height: 1.2;
}

.fdddeb {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: rgba(255, 255, 255, 0.9);
  max-width: 600px;
}

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

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

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

.l813 {
  max-width: 900px;
}

.l813 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

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

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

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

.g145f {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 200px;
  border-left: 4px solid var(--color-accent);
  transition: var(--transition-base);
}

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

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

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

.afde446 {
  background: #0a1117;
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

.cbc99 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto clamp(2rem, 4vw, 3rem);
}

.cbc99 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: var(--color-text-on-accent);
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  font-weight: 700;
}

.cbc99 p {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: #cbd5e1;
}

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

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

.hc0 {
  flex-shrink: 0;
  width: clamp(50px, 8vw, 70px);
  height: clamp(50px, 8vw, 70px);
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
}

.b08213e3 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-on-accent);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  font-weight: 600;
}

.b08213e3 p {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: #cbd5e1;
  line-height: 1.6;
}

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

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

.o30f34 {
  max-width: 900px;
}

.o30f34 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

.o30f34 p {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

.l3c129d {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

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

.l3c129d p {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.a83 {
  background: #f9fafb;
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

.ne50 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto clamp(2rem, 4vw, 3rem);
}

.ne50 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  font-weight: 700;
}

.ne50 p {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
}

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

.k05cd {
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 200px;
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
  text-align: center;
}

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

.lbff85 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.aa7997 {
  background: #0a1117;
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

.ec97 {
  max-width: 900px;
}

.ec97 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: var(--color-text-on-accent);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

.ec97 p {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: #cbd5e1;
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.d0fb8e29 {
  width: 100%;
  max-width: 700px;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

.g9ee7 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.g9ee7 h3 i {
  color: var(--color-accent);
  font-size: clamp(1rem, 2vw, 1.3rem);
}

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

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

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

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

  .hc0 {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
  }
}

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

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

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

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

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

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

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

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

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

.f4a2 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.2;
}

.afc7 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-accent);
  margin: 0.5rem 0 0 0;
  font-weight: 600;
}

.me2ab9 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 1rem 0 0 0;
  max-width: 600px;
  line-height: 1.6;
}

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

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

.p74c {
  text-align: center;
}

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

.e9453d {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.2;
}

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

.c010f37 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
  max-width: 250px;
  text-align: center;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.m0425 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-accent);
  margin: 0 0 0.5rem 0;
  font-weight: 700;
}

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

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

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

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

.dc4f {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

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

.l2c4 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.2;
}

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

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

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

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

.abc004a6 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  line-height: 1.3;
}

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

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

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

.d49 {
  text-align: center;
}

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

.icbc49 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.2;
}

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

.l601 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 50px;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  display: inline-block;
  transition: all var(--transition-base);
}

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

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

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

.i0baf {
  text-align: center;
}

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

.b142a6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.2;
}

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

.a9f2bf {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 250px;
  max-width: 100%;
  text-decoration: none;
  transition: all var(--transition-base);
}

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

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

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

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

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

.a9f2bf:hover .h19b4d7c {
  color: var(--color-accent-hover);
  gap: 0.5rem;
}

.h19b4d7c::after {
  content: "";
  display: inline-block;
  margin-left: 0.25rem;
  transition: transform var(--transition-base);
}

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

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

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

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

.h43 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
}

.o39 {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);
  padding: clamp(2rem, 5vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  max-width: 600px;
  width: 100%;
}

.p0340 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-text-on-accent);
  margin: 0 0 1rem 0;
  line-height: 1.2;
}

.gc2fbb0 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-on-accent);
  margin: 0 0 1.5rem 0;
  line-height: 1.6;
}

.a18dd {
  display: inline-block;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  transition: all var(--transition-base);
  border: 2px solid var(--color-bg-primary);
}

.a18dd:hover {
  background: transparent;
  color: var(--color-text-on-accent);
  border-color: var(--color-bg-primary);
}

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

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

.jba {
  text-align: center;
}

.fc283 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.2;
}

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

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

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

  .j2adc0 {
    max-width: 100%;
  }

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

  .nf3 {
    flex-direction: column;
  }

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

  .oe3d378 {
    flex-direction: column;
  }

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

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

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

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

.a31 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
  border-bottom: 2px solid var(--color-border-light);
}

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

.a31 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.2;
}

.a31 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 700px;
}

.l3b228 {
  background-color: var(--color-bg-primary);
  padding: 4rem var(--spacing-md);
  overflow: hidden;
}

.m441955 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.k8da {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.i9a9d9b {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  height: 60px;
  display: flex;
  align-items: center;
}

.k8da h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.3;
}

.k8da p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.k8da p:last-of-type {
  margin-bottom: var(--spacing-lg);
}

.cce7ab {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  transition: var(--transition-base);
  border: 2px solid var(--color-primary);
  text-align: center;
  width: fit-content;
}

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

.cce7ab:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.aa937c25 {
  background-color: var(--color-bg-secondary);
  padding: 4rem var(--spacing-md);
  overflow: hidden;
  border-top: 2px solid var(--color-border-light);
}

.a1b9ef1f {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.aa937c25 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.3;
}

.aa937c25 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

.mb55d {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  transition: var(--transition-base);
  border: 2px solid var(--color-accent);
}

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

.mb55d:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .a31 {
    padding: 4.5rem var(--spacing-lg);
  }

  .l3b228 {
    padding: 5rem var(--spacing-lg);
  }

  .m441955 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .aa937c25 {
    padding: 5rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a31 {
    padding: 5rem var(--spacing-xl);
  }

  .l3b228 {
    padding: 6rem var(--spacing-xl);
  }

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

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

  .aa937c25 {
    padding: 6rem var(--spacing-xl);
  }
}

@media (min-width: 1280px) {
  .m441955 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.f3fc7369 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

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

.f3fc7369 p {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (min-width: 768px) {
  .f3fc7369 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .f3fc7369 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.c12 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.he0c16c {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.i23 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
}

.i23:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

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

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

.pbe68 {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.d8dc {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-primary);
  background-color: var(--color-primary-light);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.i23 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.4;
  font-weight: 600;
}

.i23 p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (min-width: 768px) {
  .c12 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .he0c16c {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .c12 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

  .i23 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
  }

  .i23:nth-child(even) {
    grid-template-columns: 1fr 1fr;
  }

  .i23:nth-child(even) .ffc85d {
    order: 2;
  }

  .i23:nth-child(even) .pbe68 {
    order: 1;
  }

  .ffc85d {
    height: 100%;
    min-height: 300px;
  }
}

.gdd7a54 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.fe5978d9 {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.gdd7a54 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.gdd7a54 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg) 0;
}

.ee3da {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.25rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  transition: var(--transition-base);
  cursor: pointer;
  text-transform: none;
  letter-spacing: 0;
}

.ee3da:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .gdd7a54 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .gdd7a54 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

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

.h40e main {
  width: 100%;
}

.h40e .da5d {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.h40e .kf3e5eca {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.h40e h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
}

.h40e .h29bf09 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.h40e h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
}

.h40e p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.h40e ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  padding-left: var(--spacing-lg);
}

.h40e li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.h40e .nbf766f {
  border-top: 1px solid var(--color-border-light);
  margin: var(--spacing-2xl) 0;
}

.h40e .ka0 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.h40e .ka0 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.h40e .ka0 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .h40e .kf3e5eca {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .h40e .da5d {
    padding: 0 var(--spacing-lg);
  }

  .h40e .kf3e5eca {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

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

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

main {
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.pc9 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.da5d {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.g5d40 {
  text-align: center;
  padding: var(--spacing-lg);
}

.kb8 {
  margin-bottom: var(--spacing-xl);
  display: flex;
  justify-content: center;
  align-items: center;
  animation: scale-in 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.kb8 svg {
  color: var(--color-primary);
  width: 80px;
  height: 80px;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.5px;
}

.c20 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 1.5vw, 1.3rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
  line-height: 1.6;
}

.db545 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.8;
  letter-spacing: 0.3px;
}

.o7b {
  background-color: var(--color-bg-card);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-2xl);
  text-align: left;
  animation: slide-up 0.6s ease-out 0.2s both;
}

.df37dbd {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  letter-spacing: 0.3px;
}

.f6e {
  list-style: none;
  padding: 0;
}

.f6e li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: 1.7;
  letter-spacing: 0.2px;
}

.f6e li:before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 700;
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
}

.jc743d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.8;
  letter-spacing: 0.2px;
}

.b385e {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  transition: var(--transition-base);
  letter-spacing: 0.5px;
  box-shadow: var(--shadow-md);
  animation: fade-in 0.6s ease-out 0.4s both;
}

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

.b385e:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.b385e:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

@keyframes scale-in {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes slide-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (min-width: 640px) {
  .pc9 {
    padding: var(--spacing-xl);
  }

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

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

@media (min-width: 768px) {
  .pc9 {
    padding: var(--spacing-2xl);
  }

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

  .kb8 svg {
    width: 100px;
    height: 100px;
  }

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

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

  .o7b {
    padding: var(--spacing-3xl);
    margin-bottom: var(--spacing-3xl);
  }

  .b385e {
    padding: var(--spacing-md) calc(var(--spacing-2xl) * 1.5);
  }
}

@media (min-width: 1024px) {
  .pc9 {
    min-height: 100vh;
  }

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

  .kb8 svg {
    width: 120px;
    height: 120px;
  }

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

@media (max-width: 479px) {
  .pc9 {
    padding: var(--spacing-md);
  }

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

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

  .kb8 svg {
    width: 64px;
    height: 64px;
  }
}

.f2a6a2 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
  font-family: var(--font-primary);
}

.p7235 {
  width: 100%;
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.da5d {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.c6d {
  margin-bottom: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

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

.ac62de85 {
  font-size: clamp(3.5rem, 12vw, 6rem);
  font-weight: 800;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.05em;
  line-height: 1;
  margin: 0;
  display: block;
}

.h17f {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  opacity: 0.8;
  animation: gentle-bounce 3s ease-in-out infinite;
}

.h17f svg {
  width: 100%;
  height: 100%;
}

@keyframes gentle-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}

.offf {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.j10950a0 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-lg) 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.fb28f {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  transition: var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  font-family: var(--font-primary);
}

.ne626 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.ne626:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

.e9b {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: clamp(1rem, 1.1vw, 1.15rem);
  margin-bottom: var(--spacing-2xl);
}

.e49749 {
  margin-top: var(--spacing-2xl);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

.kba8 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
  text-align: left;
  display: block;
}

.e6c {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-sm);
}

.e6c li {
  font-size: clamp(0.85rem, 0.95vw, 1rem);
  color: var(--color-text-secondary);
  text-align: left;
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: 1.6;
}

.e6c li::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 600;
}

@media (min-width: 768px) {
  .p7235 {
    padding: var(--spacing-3xl) 0;
  }

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

  .e6c {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
  }

  .e6c li {
    text-align: center;
    padding-left: 0;
  }

  .e6c li::before {
    content: "";
    position: static;
    display: inline-block;
    margin-right: var(--spacing-sm);
  }
}

@media (min-width: 1024px) {
  .da5d {
    padding: 0 var(--spacing-xl);
  }

  .f2a6a2 {
    min-height: 100vh;
  }
}

@media (prefers-reduced-motion: reduce) {
  .h17f {
    animation: none;
  }

  .ne626:hover {
    transform: none;
  }

  .ne626:active {
    transform: none;
  }
}

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

.kb738cb {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.k8422 {
  text-align: center;
}

.k8422 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.o2e {
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto;
}

.j828ea32 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.l34 {
  width: 100%;
}

.e6e8194 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

.g6a6 {
  flex: 1 1 100%;
  min-width: 0;
}

.d357e59 {
  flex: 1 1 100%;
  min-width: 0;
}

.a794e h2,
.ic70 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.3px;
}

.a794e p,
.ic70 p {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-xl);
}

.mfc23d {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.o75e670 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.bcad3e {
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.3px;
}

.j291f4,
.kaa {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

.j291f4::placeholder,
.kaa::placeholder {
  color: var(--color-text-muted);
}

.j291f4:focus,
.kaa:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.kaa {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

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

.gc9a {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  font-size: clamp(0.85rem, 0.95vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  cursor: pointer;
}

.ife {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--color-primary);
}

.j5ba {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-fast);
}

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

.a252f6 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: var(--transition-base);
  margin-top: var(--spacing-md);
}

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

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

.b1f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.j099d27b {
  display: flex;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  transition: var(--transition-base);
}

.j099d27b:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

.n55 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.n55 i {
  font-size: 1.5rem;
  color: var(--color-primary);
}

.bfdcc h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  letter-spacing: -0.2px;
}

.bfdcc p {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-xs);
}

.pd4384c6 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-fast);
}

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

.ncb {
  display: block;
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  margin-top: var(--spacing-xs);
}

.i7b12 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  margin-bottom: var(--spacing-xl);
}

.i7b12 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.2px;
}

.o5c7a {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.o5c7a li {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: var(--spacing-lg);
  position: relative;
}

.o5c7a li::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 700;
}

.i4b82d84 {
  padding: var(--spacing-lg);
  background: linear-gradient(135deg, var(--color-primary-light), var(--color-bg-card));
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
}

.f333fa {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.6;
}

.lb89c2d {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  cursor: pointer;
}

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

.a88d84 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.ic8c {
  width: 100%;
}

.ic8c h2 {
  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-sm);
  letter-spacing: -0.5px;
  text-align: center;
}

.d87 {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  text-align: center;
  margin-bottom: var(--spacing-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.nf25b7c {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

.a06494fe:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

.m49474 {
  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);
  letter-spacing: -0.2px;
}

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

.mfa388e8 {
  background-color: var(--color-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

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

.a8e6 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.a8e6 p {
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-on-accent);
  line-height: 1.8;
  margin-bottom: var(--spacing-xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.eda97 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 700;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: var(--transition-base);
  cursor: pointer;
}

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

.eda97:active {
  transform: translateY(-1px);
}

@media (min-width: 768px) {
  .kb738cb {
    padding: var(--spacing-3xl) 0;
  }

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

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

  .g6a6 {
    flex: 1 1 45%;
  }

  .d357e59 {
    flex: 1 1 45%;
  }

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

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

@media (min-width: 1024px) {
  .kb738cb {
    padding: var(--spacing-3xl) 0;
  }

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

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

  .nf25b7c {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl);
  }

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

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

  .d357e59 {
    flex: 1 1 100%;
  }

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

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

  .n55 {
    width: 40px;
    height: 40px;
    margin-bottom: var(--spacing-xs);
  }

  .n55 i {
    font-size: 1.25rem;
  }
}
.n02f9,.f46655{
  width: 34px;
}

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

.efef6c6{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .efef6c6{
    max-width: 100%;
  }
}

.efef6c6.pf8{
  z-index: 999;
}

.jf238{
  padding-top: 50px;
}

.n02f9[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .jadcf {
    aspect-ratio: 6 / 9;
  }
}
