/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./components/Footer.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.Footer_footer__pQtti {
  background: var(--bg-50);
  border-top: 1px solid var(--border-200);
}

.Footer_inner__vtL_T {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

.Footer_top__YBhK_ {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  grid-gap: 48px;
  gap: 48px;
  padding: 64px 0;
  border-bottom: 1px solid var(--border-200);
}

.Footer_brand__0rdww {
  max-width: 320px;
}

.Footer_logo__fUEOF {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.Footer_logoImage__WD24i {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.Footer_logoText__5vsvE {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-900);
}

.Footer_tagline__edhu4 {
  font-size: 14px;
  color: var(--text-500);
  line-height: 1.7;
  margin-bottom: 24px;
}

.Footer_socialLinks__tA7gt {
  display: flex;
  gap: 12px;
}

.Footer_socialLink__hPzxm {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-white);
  border: 1px solid var(--border-200);
  border-radius: var(--radius-md);
  color: var(--text-500);
  transition: all var(--transition-fast);
}

.Footer_socialLink__hPzxm:hover {
  border-color: var(--primary-300);
  color: var(--primary-600);
  background: var(--primary-50);
}

.Footer_socialLink__hPzxm svg {
  width: 18px;
  height: 18px;
}

.Footer_group__osFPd h4 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-900);
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.Footer_group__osFPd a {
  display: block;
  font-size: 14px;
  color: var(--text-500);
  padding: 8px 0;
  transition: color var(--transition-fast);
}

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

.Footer_bottom__wxP7Z {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0;
}

.Footer_copyright__j4atB {
  font-size: 14px;
  color: var(--text-400);
}

.Footer_legal__yxnQ6 {
  display: flex;
  gap: 24px;
}

.Footer_legal__yxnQ6 a {
  font-size: 14px;
  color: var(--text-400);
  transition: color var(--transition-fast);
}

.Footer_legal__yxnQ6 a:hover {
  color: var(--text-600);
}

@media (max-width: 1024px) {
  .Footer_top__YBhK_ {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
  
  .Footer_brand__0rdww {
    grid-column: span 2;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .Footer_top__YBhK_ {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 48px 0;
  }
  
  .Footer_brand__0rdww {
    grid-column: span 1;
  }
  
  .Footer_bottom__wxP7Z {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
  
  .Footer_legal__yxnQ6 {
    gap: 16px;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./app/architecture/architecture.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.architecture_main__RgmkT {
  min-height: 100vh;
  padding-top: 72px;
}

.architecture_hero__p3Aaa {
  padding: 80px 24px;
  background: var(--gradient-hero);
  position: relative;
  overflow: hidden;
}

.architecture_hero__p3Aaa::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(135deg, transparent 0%, rgba(99, 102, 241, 0.05) 50%, rgba(59, 130, 246, 0.08) 100%);
  pointer-events: none;
}

.architecture_container__iiJaJ {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 1;
}

.architecture_title__RR55I {
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.03em;
  margin-bottom: 20px;
  text-align: center;
  color: var(--text-900);
}

.architecture_subtitle__4gWME {
  font-size: 18px;
  color: var(--text-500);
  max-width: 600px;
  margin: 0 auto 64px;
  line-height: 1.7;
  text-align: center;
}

.architecture_concepts__onMSl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
  gap: 24px;
}

.architecture_conceptCard___Onvw {
  background: var(--bg-white);
  border: 1px solid var(--border-200);
  border-radius: var(--radius-xl);
  padding: 32px;
  transition: all var(--transition-base);
  text-align: left;
  position: relative;
  overflow: hidden;
}

.architecture_conceptCard___Onvw::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--gradient-primary);
  opacity: 0;
  transition: opacity var(--transition-base);
}

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

.architecture_conceptCard___Onvw:hover::before {
  opacity: 1;
}

.architecture_conceptIcon__1Ov_i {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-50);
  border-radius: var(--radius-lg);
  color: var(--primary-600);
  margin-bottom: 20px;
}

.architecture_conceptIcon__1Ov_i svg {
  width: 28px;
  height: 28px;
}

.architecture_conceptCard___Onvw h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--text-900);
}

.architecture_conceptCard___Onvw p {
  color: var(--text-500);
  line-height: 1.7;
  font-size: 15px;
}

.architecture_principlesSection__v_Jz8 {
  padding: 100px 0;
  background: var(--bg-50);
}

.architecture_sectionTitle__ygbGT {
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 16px;
  color: var(--text-900);
}

.architecture_sectionSubtitle__IooCm {
  font-size: 17px;
  color: var(--text-500);
  text-align: center;
  margin-bottom: 64px;
}

.architecture_principlesGrid__3hGs0 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 24px;
  gap: 24px;
}

.architecture_principleCard__GlMPJ {
  background: var(--bg-white);
  border: 1px solid var(--border-200);
  border-radius: var(--radius-xl);
  padding: 32px;
  transition: all var(--transition-base);
  text-align: center;
}

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

.architecture_principleIconWrapper__TSymA {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  background: var(--primary-50);
  border-radius: 50%;
  color: var(--primary-600);
}

.architecture_principleIconWrapper__TSymA svg {
  width: 28px;
  height: 28px;
}

.architecture_principleNumber__RzMMr {
  font-size: 13px;
  color: var(--primary-600);
  font-weight: 600;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.architecture_principleTitle__XFyG7 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--text-900);
}

.architecture_principleDesc__reNjP {
  color: var(--text-500);
  line-height: 1.6;
  font-size: 14px;
}

.architecture_advSection__V3oye {
  padding: 100px 0;
}

.architecture_advTable__z1GxZ {
  overflow-x: auto;
  margin-top: 48px;
  background: var(--bg-white);
  border: 1px solid var(--border-200);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.architecture_advTableInner___if86 {
  width: 100%;
  border-collapse: collapse;
}

.architecture_advTableInner___if86 thead {
  background: var(--bg-100);
}

.architecture_advTableInner___if86 th {
  padding: 20px 24px;
  text-align: left;
  font-weight: 600;
  color: var(--text-700);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid var(--border-200);
}

.architecture_advTableInner___if86 td {
  padding: 20px 24px;
  border-bottom: 1px solid var(--border-100);
  font-size: 15px;
}

.architecture_advTableInner___if86 tbody tr {
  transition: background var(--transition-fast);
}

.architecture_advTableInner___if86 tbody tr:hover {
  background: var(--bg-50);
}

.architecture_advTableInner___if86 tbody tr:last-child td {
  border-bottom: none;
}

.architecture_metricName__MneVt {
  font-weight: 600;
  color: var(--text-900);
}

.architecture_traditionalCell__sgnE9 {
  color: var(--text-500);
}

.architecture_starbabyCell__cTVgi {
  color: var(--primary-600);
  font-weight: 600;
}

.architecture_benefitCell__OYKb8 {
  color: var(--success-600);
  font-weight: 500;
}

.architecture_ctaSection__muDgL {
  padding: 120px 0;
  background: var(--gradient-dark);
  text-align: center;
  position: relative;
  overflow: hidden;
}

.architecture_ctaSection__muDgL::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.2) 0%, transparent 70%);
  pointer-events: none;
}

.architecture_ctaContent__UD9If {
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.architecture_ctaTitle__ERIGn {
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
  color: white;
}

.architecture_ctaDescription__H536D {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 40px;
  line-height: 1.6;
}

.architecture_ctaButtons__yqayO {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

.architecture_btn__eO1ye {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: var(--radius-md);
  font-weight: 500;
  font-size: 15px;
  transition: all var(--transition-fast);
  white-space: nowrap;
}

.architecture_btnPrimary__xhTI_ {
  background: white;
  color: var(--primary-600);
  box-shadow: var(--shadow-md);
}

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

.architecture_btnSecondary__oCseC {
  background: transparent;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.architecture_btnSecondary__oCseC:hover {
  border-color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 1024px) {
  .architecture_concepts__onMSl {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .architecture_principlesGrid__3hGs0 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .architecture_concepts__onMSl {
    grid-template-columns: 1fr;
  }
  
  .architecture_principlesGrid__3hGs0 {
    grid-template-columns: 1fr;
  }
  
  .architecture_advTableInner___if86 {
    font-size: 14px;
  }
  
  .architecture_advTableInner___if86 th,
  .architecture_advTableInner___if86 td {
    padding: 16px 12px;
  }
  
  .architecture_ctaButtons__yqayO {
    flex-direction: column;
  }
  
  .architecture_btn__eO1ye {
    width: 100%;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./components/Navbar.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.Navbar_nav__yFFPE {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  transition: all var(--transition-base);
}

.Navbar_nav__yFFPE.Navbar_scrolled__N9DJM {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: var(--shadow-sm);
  border-bottom: 1px solid var(--border-100);
}

.Navbar_inner__Cumf_ {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.Navbar_logo__X4o9i {
  display: flex;
  align-items: center;
  gap: 10px;
}

.Navbar_logoImage__msoFF {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.Navbar_logoText__Jmms3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-900);
}

.Navbar_links__puXTb {
  display: flex;
  align-items: center;
  gap: 8px;
}

.Navbar_link__Ssa7S {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-600);
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
}

.Navbar_link__Ssa7S:hover {
  color: var(--text-900);
  background: var(--bg-100);
}

.Navbar_actions__4T0RL {
  display: flex;
  align-items: center;
  gap: 12px;
}

.Navbar_btnLogin__cgPpV {
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-700);
  background: transparent;
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
}

.Navbar_btnLogin__cgPpV:hover {
  color: var(--primary-600);
  background: var(--primary-50);
}

.Navbar_btnCta__KO_hi {
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 500;
  color: white;
  background: var(--gradient-primary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-fast);
}

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

.Navbar_menuBtn__zSLsp {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 8px;
  background: none;
  cursor: pointer;
}

.Navbar_menuBtn__zSLsp span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--text-700);
  border-radius: 2px;
  transition: all var(--transition-fast);
}

.Navbar_menuBtn__zSLsp.Navbar_open__wWapx span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.Navbar_menuBtn__zSLsp.Navbar_open__wWapx span:nth-child(2) {
  opacity: 0;
}

.Navbar_menuBtn__zSLsp.Navbar_open__wWapx span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.Navbar_mobileMenu__mhKOr {
  position: absolute;
  top: 72px;
  left: 0;
  right: 0;
  background: var(--bg-white);
  border-bottom: 1px solid var(--border-200);
  padding: 16px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  box-shadow: var(--shadow-lg);
}

.Navbar_mobileLink__lFb0h {
  padding: 14px 16px;
  font-size: 15px;
  font-weight: 500;
  color: var(--text-700);
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
}

.Navbar_mobileLink__lFb0h:hover {
  background: var(--bg-100);
}

.Navbar_mobileBtn__zOHEL {
  margin-top: 12px;
  padding: 14px;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  color: white;
  background: var(--gradient-primary);
  border-radius: var(--radius-md);
}

.Navbar_mobileLogin__BQlZV {
  margin-top: 8px;
  padding: 14px;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  color: var(--text-700);
  background: var(--bg-100);
  border-radius: var(--radius-md);
}

@media (max-width: 768px) {
  .Navbar_links__puXTb, .Navbar_actions__4T0RL {
    display: none;
  }
  
  .Navbar_menuBtn__zSLsp {
    display: flex;
  }
}