.home-desktop {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: normal;
  letter-spacing: normal;
}
.container,
.navbar-3 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.navbar-3 {
  align-self: stretch;
  height: 72px;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  flex-direction: column;
  padding: 0 var(--Page-Padding-padding-global);
  box-sizing: border-box;
  top: 0;
  z-index: 99;
  position: sticky;
  transition: box-shadow var(--Transition-Smooth);
}
.navbar-3:hover {
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
}
.container {
  width: 100%;
  gap: 32px;
  max-width: 100%;
  flex-shrink: 0;
}
.column {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 0;
}
.column2,
.link {
  display: flex;
  align-items: center;
}
.column2 {
  margin: 0;
  gap: 32px;
  text-align: left;
  font-size: var(--Text-Sizes-Text-Regular);
  color: var(--Color-Black-Rock);
  font-family: Inter;
}
.link {
  justify-content: center;
}
.link-text {
  position: relative;
  line-height: 150%;
  transition: color var(--Transition-Smooth);
  cursor: pointer;
}
.link-text::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0%;
  height: 2px;
  background: var(--Accent-Cyan);
  border-radius: 2px;
  transition: width 0.25s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.link:hover .link-text,
.link3:hover .link-text {
  color: var(--Color-Black-Rock);
}
.link:hover .link-text::after,
.link3:hover .link-text::after {
  width: 100%;
}
.link3 {
  width: 102px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.nav-link-dropdown {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.chevron-down-icon {
  height: 24px;
  width: 24px;
  position: relative;
}
.content-icon {
  height: 103px;
  width: 188px;
  object-fit: cover;
}
.button,
.column3 {
  display: flex;
  justify-content: center;
}
.column3 {
  flex: 1;
  flex-direction: column;
  align-items: flex-end;
  padding: 20px 0;
}
.button {
  cursor: pointer;
  border: 1px solid var(--Color-Black-Rock);
  padding: 4px 10px;
  background: var(--Color-Black-Rock);
  border-radius: 6px;
  align-items: center;
  transition: box-shadow var(--Transition-Smooth), background var(--Transition-Smooth), transform var(--Transition-Spring);
}
.button:hover {
  background: #050740;
  box-shadow: 0 4px 16px rgba(3,4,51,0.25);
  transform: translateY(-1px);
}
.button2,
.header-111 {
  text-align: left;
  color: var(--Color-White);
}
.button2 {
  position: relative;
  font-size: var(--Text-Sizes-Text-Regular);
  line-height: 150%;
  font-weight: 500;
  font-family: Inter;
}
.header-111 {
  align-self: stretch;
  height: 900px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--Section-Padding-padding-section-large)
    var(--Page-Padding-padding-global);
  box-sizing: border-box;
  background-image:
    linear-gradient(135deg, rgba(2, 3, 40, 0.72) 0%, rgba(0, 212, 255, 0.06) 60%, rgba(2, 3, 40, 0.55) 100%),
    url(./public/Header-111@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  font-size: var(--Text-Sizes-Heading-1);
  font-family: Raleway;
  position: relative;
}
.column-one,
.component,
.container2 {
  flex: 1;
  display: flex;
  align-items: flex-start;
}
.container2 {
  width: 100%;
  flex-direction: column;
  max-width: var(--Container-container-large);
}
.column-one,
.component {
  align-self: stretch;
}
.component {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 80px;
}
.column-one {
  flex-direction: column;
  min-width: 390px;
}
.heading {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 120%;
  font-weight: 500;
  font-family: inherit;
  animation: fadeSlideUp 0.7s cubic-bezier(0.0, 0.0, 0.2, 1) both;
}
.column-two {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  min-width: 390px;
  text-align: left;
  font-size: var(--Text-Sizes-Text-Medium);
  color: var(--Color-White);
  font-family: Inter;
}
.column-two,
.content,
.text {
  align-self: stretch;
}
.content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 32px;
}
.text {
  position: relative;
  line-height: 150%;
}
.actions {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  font-size: var(--Text-Sizes-Text-Regular);
  color: var(--Color-Neutral-Darkest);
}
.button3,
.button5 {
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  transition: box-shadow var(--Transition-Smooth), transform var(--Transition-Spring), background var(--Transition-Smooth);
}
.button3 {
  cursor: pointer;
  border: 1px solid var(--Accent-Cyan);
  background: linear-gradient(135deg, var(--Color-Black-Rock), rgba(0, 212, 255, 0.18));
}
.button3:hover {
  box-shadow: var(--Glow-Button);
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(3, 4, 51, 0.9), rgba(0, 212, 255, 0.3));
}
.button5 {
  border: 1px solid rgba(0, 212, 255, 0.3);
  backdrop-filter: blur(4px);
}
.button5:hover {
  border-color: var(--Accent-Cyan);
  box-shadow: 0 0 12px rgba(0, 212, 255, 0.3);
  transform: translateY(-2px);
}
.button6 {
  position: relative;
  line-height: 150%;
  font-weight: 500;
}
.container3,
.header-62 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header-62 {
  align-self: stretch;
  background: #ffffff;
  overflow: hidden;
  padding: var(--Section-Padding-padding-section-large)
    var(--Page-Padding-padding-global);
  border-top: 1px solid rgba(0, 212, 255, 0.12);
  border-bottom: 1px solid rgba(0, 212, 255, 0.12);
  position: relative;
}

.container3 {
  width: 100%;
  max-width: var(--Container-container-large);
}
.component2 {
  width: 100%;
  gap: 32px;
  max-width: var(--Max-Width-max-width-large);
}
.component2,
.content2,
.section-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section-title {
  align-self: stretch;
  text-align: center;
  font-size: var(--Text-Sizes-Heading-1);
  color: var(--Color-Neutral-Darkest);
  font-family: Raleway;
}
.content2 {
  width: 100%;
  gap: 24px;
  max-width: 100%;
}
.crownwave-global-services {
  align-self: stretch;
  position: relative;
  font-size: var(--Text-Sizes-Text-Medium);
  line-height: 150%;
  font-family: Inter;
}
.actions2 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.button9 {
  cursor: pointer;
  border: 1px solid var(--Opacity-Neutral-Darkest-15);
  padding: 6px 12px;
  background-color: transparent;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: box-shadow var(--Transition-Smooth), border-color var(--Transition-Smooth), transform var(--Transition-Spring);
}
.button9:hover {
  border-color: var(--Color-Black-Rock);
  box-shadow: 0 4px 14px rgba(3,4,51,0.15);
  transform: translateY(-2px);
}
.button10 {
  position: relative;
  font-size: var(--Text-Sizes-Text-Regular);
  line-height: 150%;
  font-weight: 500;
  font-family: Inter;
  color: var(--Color-Neutral-Darkest);
  text-align: left;
}
.container4,
.layout-1 {
  display: flex;
  flex-direction: column;
}
.layout-1 {
  align-self: stretch;
  background: linear-gradient(135deg, #020328 0%, #050740 50%, #020328 100%);
  overflow: hidden;
  align-items: center;
  padding: var(--Section-Padding-padding-section-large)
    var(--Page-Padding-padding-global);
  position: relative;
}
.layout-1::after {
  content: '';
  position: absolute;
  bottom: -80px;
  right: -80px;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(79, 142, 247, 0.1) 0%, transparent 65%);
  pointer-events: none;
}
.container4 {
  width: 100%;
  align-items: flex-start;
  max-width: var(--Container-container-large);
}
.component3 {
  align-self: stretch;
  height: 640px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  gap: 80px;
}
.content-left,
.content3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.content-left {
  flex: 1;
  padding: 20px 0;
  box-sizing: border-box;
  min-width: 390px;
  text-align: left;
  font-size: var(--Text-Sizes-Heading-2);
  color: var(--Color-White);
  font-family: Raleway;
}
.content3 {
  align-self: stretch;
  gap: 24px;
}
.placeholder-image-icon {
  flex: 1;
  position: relative;
  border-radius: var(--Radius-Large);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  min-width: 390px;
  border: 1px solid rgba(0, 212, 255, 0.2);
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 212, 255, 0.08);
  transition: box-shadow var(--Transition-Smooth), transform var(--Transition-Smooth);
}
.placeholder-image-icon:hover {
  box-shadow: var(--Glow-Card), 0 8px 40px rgba(0, 0, 0, 0.5);
  transform: scale(1.01);
}
.layout-466 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--Section-Padding-padding-section-large)
    var(--Page-Padding-padding-global);
  background-image: url(./public/Layout-466@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.column4,
.content4 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.content4 {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 80px;
}
.column4 {
  flex: 1;
  flex-direction: column;
  justify-content: flex-end;
  padding: 320px 0 0;
  box-sizing: border-box;
  min-width: 390px;
  text-align: left;
  font-size: 16px;
  color: var(--Color-White);
  font-family: Inter;
}
.tagline-wrapper {
  display: flex;
  align-items: center;
}
.heading3,
.tagline {
  position: relative;
  line-height: 150%;
  font-weight: 600;
}
.tagline {
  color: var(--Accent-Cyan);
  text-shadow: 0 0 12px rgba(0, 212, 255, 0.5);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 13px;
}
.heading3 {
  margin: 0;
  align-self: stretch;
  font-size: var(--Text-Sizes-Heading-2);
  letter-spacing: -0.01em;
  line-height: 120%;
  font-weight: 500;
  font-family: Raleway;
}
.column5 {
  flex: 1;
  display: flex;
  align-items: flex-start;
  min-width: 390px;
  text-align: left;
  font-size: var(--Text-Sizes-Text-Medium);
  color: var(--Color-White);
  font-family: Inter;
}
.column5,
.content5,
.content7 {
  align-self: stretch;
  flex-direction: column;
}
.content5 {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}
.content7 {
  font-size: var(--Text-Sizes-Heading-6);
  font-family: Raleway;
}
.content7,
.list-item,
.row {
  display: flex;
  align-items: flex-start;
}
.row {
  align-self: stretch;
  padding: 8px 0;
  gap: 24px;
}
.list-item {
  flex: 1;
  flex-direction: column;
  gap: 16px;
  min-width: 187px;
}
.subheading-one,
.text3 {
  align-self: stretch;
  position: relative;
}
.subheading-one {
  margin: 0;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 140%;
  font-weight: 500;
  font-family: inherit;
}
.text3 {
  font-size: var(--Text-Sizes-Text-Regular);
  line-height: 150%;
  font-family: Inter;
}
.actions3,
.button11,
.button13 {
  display: flex;
  align-items: center;
}
.actions3 {
  gap: 24px;
  font-size: var(--Text-Sizes-Text-Regular);
  color: var(--Color-Neutral-Darkest);
}
.button11,
.button13 {
  border-radius: 6px;
  overflow: hidden;
  justify-content: center;
}
.button11 {
  border: 1px solid var(--Opacity-Neutral-Darkest-15);
  padding: 6px 12px;
}
.button13 {
  gap: 8px;
}
.container6,
.product-10,
.title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
}
.product-10 {
  align-self: stretch;
  background: linear-gradient(180deg, #020328 0%, #030433 60%, #020328 100%);
  overflow: hidden;
  padding: var(--Section-Padding-padding-section-large)
    var(--Page-Padding-padding-global);
  position: relative;
}
.product-10::before {
  content: '';
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  width: 900px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--Accent-Cyan), transparent);
  opacity: 0.5;
}
.container6,
.title {
  width: 100%;
  max-width: var(--Container-container-large);
}
.title {
  gap: 16px;
  max-width: var(--Max-Width-max-width-large);
  text-align: center;
  font-size: 16px;
  color: var(--Color-White);
  font-family: Inter;
}
.content8,
.content9 {
  align-self: stretch;
  flex-direction: column;
}
.content8 {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: var(--Text-Sizes-Heading-2);
  font-family: Raleway;
}
.content9 {
  gap: 64px;
}
.content9,
.product,
.row2 {
  display: flex;
  align-items: flex-start;
}
.row2 {
  align-self: stretch;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 48px;
}
.product {
  flex: 1;
  flex-direction: column;
  gap: 16px;
  min-width: 296px;
  text-align: center;
  font-size: var(--Text-Sizes-Text-Medium);
  color: var(--Color-White);
  font-family: Inter;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(0, 212, 255, 0.1);
  border-radius: 12px;
  padding: 16px;
  transition: border-color var(--Transition-Smooth), box-shadow var(--Transition-Smooth), transform var(--Transition-Smooth), background var(--Transition-Smooth);
}
.product:hover {
  border-color: rgba(0, 212, 255, 0.45);
  box-shadow: var(--Glow-Card);
  transform: translateY(-4px);
  background: rgba(0, 212, 255, 0.04);
}
.placeholder-image-icon2 {
  align-self: stretch;
  position: relative;
  border-radius: var(--Radius-Medium);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  transition: filter var(--Transition-Smooth);
}
.product:hover .placeholder-image-icon2 {
  filter: brightness(1.08) saturate(1.1);
}
.content-bottom {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.content10 {
  gap: 8px;
}
.content10,
.header {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.price,
.text6 {
  align-self: stretch;
  position: relative;
  font-size: var(--Text-Sizes-Text-Small);
  line-height: 150%;
}
.price {
  margin: 0;
  font-size: var(--Text-Sizes-Text-Large);
  font-weight: 600;
  font-family: inherit;
}
.actions4,
.button15 {
  cursor: pointer;
  background: transparent;
  display: flex;
  border: 1px solid rgba(0, 212, 255, 0.25);
  padding: 4px 10px;
  align-self: stretch;
  height: 42px;
  border-radius: 6px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  transition: border-color var(--Transition-Smooth), box-shadow var(--Transition-Smooth), background var(--Transition-Smooth), transform var(--Transition-Spring);
}
.button15:hover {
  border-color: var(--Accent-Cyan);
  box-shadow: 0 0 14px rgba(0, 212, 255, 0.4);
  background: rgba(0, 212, 255, 0.08);
  transform: scale(1.02);
}
.button15 {
  border: 1px solid var(--Opacity-White-20);
  padding: 4px 10px;
  align-self: stretch;
  height: 42px;
  border-radius: 6px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.actions4 {
  border: 0;
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
}
.button27 {
  border-radius: 6px;
  border: 1px solid var(--Accent-Cyan);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  background: linear-gradient(135deg, rgba(0, 212, 255, 0.1), rgba(79, 142, 247, 0.08));
  transition: box-shadow var(--Transition-Smooth), transform var(--Transition-Spring), background var(--Transition-Smooth);
}
.actions4:hover .button27 {
  box-shadow: var(--Glow-Button);
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(0, 212, 255, 0.22), rgba(79, 142, 247, 0.15));
}
.container7,
.layout-101 {
  display: flex;
  flex-direction: column;
}
.layout-101 {
  align-self: stretch;
  background: #ffffff;
  overflow: hidden;
  align-items: center;
  padding: var(--Section-Padding-padding-section-large)
    var(--Page-Padding-padding-global);
  text-align: left;
  font-size: var(--Text-Sizes-Heading-2);
  color: var(--Color-Neutral-Darkest);
  font-family: Raleway;
  border-top: 1px solid rgba(0,0,0,0.06);
}
.container7 {
  width: 100%;
  align-items: flex-start;
  gap: 80px;
  max-width: var(--Container-container-large);
}
.column6 {
  flex: 1;
  overflow: hidden;
  min-width: 390px;
}
.column6,
.column7,
.content18 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.column7 {
  flex: 1;
  gap: 32px;
  min-width: 390px;
  text-align: left;
  font-size: var(--Text-Sizes-Text-Medium);
  color: var(--Color-Neutral-Darkest);
  font-family: Inter;
}
.content18 {
  align-self: stretch;
  font-size: var(--Text-Sizes-Heading-6);
  font-family: Raleway;
}
.inventory-icon {
  width: 48px;
  height: 48px;
  position: relative;
  filter: drop-shadow(0 0 4px rgba(0, 212, 255, 0.4));
  transition: filter var(--Transition-Smooth), transform var(--Transition-Spring);
}
.list-item:hover .inventory-icon {
  filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.7));
  transform: scale(1.1);
}
.actions5,
.button29 {
  display: flex;
  align-items: center;
}
.actions5 {
  gap: 24px;
  font-size: var(--Text-Sizes-Text-Regular);
}
.button29 {
  cursor: pointer;
  border: 1px solid var(--Opacity-Neutral-Darkest-15);
  padding: 6px 12px;
  background-color: transparent;
  border-radius: 6px;
  overflow: hidden;
  justify-content: center;
  transition: box-shadow var(--Transition-Smooth), border-color var(--Transition-Smooth), transform var(--Transition-Spring);
}
.button29:hover {
  border-color: var(--Color-Black-Rock);
  box-shadow: 0 4px 14px rgba(3,4,51,0.15);
  transform: translateY(-2px);
}
.placeholder-image-icon8 {
  align-self: stretch;
  position: relative;
  border-radius: var(--Radius-Large);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  border: 1px solid rgba(0, 212, 255, 0.2);
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 212, 255, 0.08);
  transition: box-shadow var(--Transition-Smooth), transform var(--Transition-Smooth);
}
.placeholder-image-icon8:hover {
  box-shadow: var(--Glow-Card), 0 12px 50px rgba(0, 0, 0, 0.5);
  transform: scale(1.01);
}
.container8,
.gallery-10,
.section-title4 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gallery-10 {
  align-self: stretch;
  background: linear-gradient(180deg, #020328 0%, #030433 100%);
  overflow: hidden;
  padding: var(--Section-Padding-padding-section-large)
    var(--Page-Padding-padding-global);
  text-align: center;
  font-size: var(--Text-Sizes-Heading-2);
  color: var(--Color-White);
  font-family: Raleway;
  border-top: 1px solid rgba(0, 212, 255, 0.1);
}
.container8,
.section-title4 {
  width: 1280px;
  gap: 80px;
  max-width: var(--Container-container-large);
}
.section-title4 {
  width: 100%;
  gap: 24px;
  max-width: var(--Max-Width-max-width-large);
}
.column8,
.content19 {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}
.content19 {
  align-self: stretch;
  flex-wrap: wrap;
  align-content: flex-start;
}
.column8 {
  flex: 1;
  flex-direction: column;
  min-width: 304px;
}
.component4,
.layout-25 {
  align-self: stretch;
  display: flex;
  align-items: center;
}
.layout-25 {
  background: #f5f6fa;
  overflow: hidden;
  flex-direction: column;
  padding: var(--Section-Padding-padding-section-large)
    var(--Page-Padding-padding-global);
  border-top: 1px solid rgba(0,0,0,0.06);
}
.component4 {
  flex-wrap: wrap;
  align-content: center;
  gap: 80px;
}
.content20,
.list-item5 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.content20 {
  padding: 20px 0;
  box-sizing: border-box;
  gap: 32px;
  min-width: 390px;
  text-align: left;
  font-size: var(--Text-Sizes-Heading-2);
  color: var(--Color-Neutral-Darkest);
  font-family: Raleway;
}
.list-item5 {
  gap: 8px;
  min-width: 187px;
}
.number {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 120%;
  font-weight: 500;
  font-family: inherit;
}
.list-item5 .number {
  color: var(--Color-Black-Rock);
  font-size: 42px;
}
.actions6,
.section-title6 {
  display: flex;
  align-items: center;
}
.actions6 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
}
.section-title6 {
  width: 100%;
  flex-direction: column;
  max-width: var(--Max-Width-max-width-large);
}
.row6 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 32px;
  text-align: center;
  font-size: var(--Text-Sizes-Text-Large);
  color: var(--Color-White);
  font-family: Inter;
}
.card {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  min-width: 235px;
  max-width: 296px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(0, 212, 255, 0.1);
  border-radius: 12px;
  padding: 20px 16px;
  transition: border-color var(--Transition-Smooth), box-shadow var(--Transition-Smooth), transform var(--Transition-Smooth);
}
.card:hover {
  border-color: rgba(0, 212, 255, 0.4);
  box-shadow: var(--Glow-Card);
  transform: translateY(-4px);
}
.placeholder-image-icon10 {
  width: 80px;
  position: relative;
  border-radius: 50%;
  max-height: 100%;
  object-fit: cover;
  border: 2px solid rgba(0, 212, 255, 0.35);
  box-shadow: 0 0 16px rgba(0, 212, 255, 0.25);
  transition: box-shadow var(--Transition-Smooth), border-color var(--Transition-Smooth);
}
.card:hover .placeholder-image-icon10,
.card5:hover .placeholder-image-icon10 {
  border-color: var(--Accent-Cyan);
  box-shadow: 0 0 24px rgba(0, 212, 255, 0.5);
}
.content26 {
  gap: 16px;
}
.content26,
.title2 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.job-title,
.member-bio,
.name {
  align-self: stretch;
  position: relative;
  line-height: 150%;
}
.name {
  margin: 0;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
}
.job-title,
.member-bio {
  font-size: var(--Text-Sizes-Text-Medium);
}
.member-bio {
  font-size: var(--Text-Sizes-Text-Regular);
}
.social-icons {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.social-icons img {
  transition: filter var(--Transition-Smooth), transform var(--Transition-Spring);
  cursor: pointer;
}
.social-icons img:hover {
  filter: drop-shadow(0 0 6px rgba(0, 212, 255, 0.8)) brightness(1.3);
  transform: scale(1.15);
}
.card5 {
  flex: 1;
  gap: 24px;
  min-width: 232px;
  max-width: 296px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(0, 212, 255, 0.1);
  border-radius: 12px;
  padding: 20px 16px;
  transition: border-color var(--Transition-Smooth), box-shadow var(--Transition-Smooth), transform var(--Transition-Smooth);
}
.card5:hover {
  border-color: rgba(0, 212, 255, 0.4);
  box-shadow: var(--Glow-Card);
  transform: translateY(-4px);
}
.card5,
.content34,
.content35 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content34 {
  width: 100%;
  max-width: var(--Max-Width-max-width-large);
  font-size: var(--Text-Sizes-Text-Medium);
  font-family: Inter;
}
.content35 {
  width: 768px;
}
.content36,
.cta-58 {
  align-self: stretch;
  text-align: center;
  color: var(--Color-White);
}
.cta-58 {
  background: linear-gradient(160deg, #020328 0%, #050a40 50%, #020328 100%);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--Section-Padding-padding-section-large)
    var(--Page-Padding-padding-global);
  font-size: var(--Text-Sizes-Text-Tiny);
  font-family: Inter;
  border-top: 1px solid rgba(0, 212, 255, 0.12);
  position: relative;
}
.cta-58::before {
  content: '';
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
  width: 700px;
  height: 300px;
  background: radial-gradient(ellipse, rgba(0, 212, 255, 0.1) 0%, transparent 70%);
  pointer-events: none;
}
.content36 {
  gap: 24px;
  font-size: var(--Text-Sizes-Heading-1);
  font-family: Raleway;
}
.content36,
.heading17 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.heading18 {
  margin: 0;
  width: 768px;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 120%;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
}
.actions7,
.form {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.actions7 {
  width: 513px;
  flex-direction: column;
}
.form {
  align-self: stretch;
}
.text-input {
  flex: 1;
  background-color: var(--Opacity-Transparent);
  border-bottom: 1px solid rgba(0, 212, 255, 0.3);
  display: flex;
  align-items: center;
  padding: 8px 0;
  transition: border-color var(--Transition-Smooth);
}
.text-input:focus-within {
  border-color: var(--Accent-Cyan);
  box-shadow: 0 2px 8px rgba(0, 212, 255, 0.2);
}
.footer-1,
.placeholder {
  text-align: left;
  font-size: var(--Text-Sizes-Text-Regular);
  font-family: Inter;
}
.placeholder {
  width: 100%;
  border: 0;
  outline: 0;
  background-color: transparent;
  flex: 1;
  position: relative;
  line-height: 150%;
  color: var(--Opacity-Neutral-Darkest-60);
  display: inline-block;
}
.footer-1 {
  align-self: stretch;
  background: linear-gradient(180deg, #020328 0%, #010220 100%);
  border: 0;
  border-top: 1px solid rgba(0, 212, 255, 0.15);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 75px var(--Page-Padding-padding-global);
  max-width: 100%;
  color: var(--Color-White);
}
.actions8,
.content37,
.newsletter {
  display: flex;
  align-items: flex-start;
}
.content37 {
  align-self: stretch;
  height: 248px;
  gap: 128px;
  max-width: 100%;
}
.actions8,
.newsletter {
  flex-direction: column;
}
.newsletter {
  width: 500px;
  gap: 24px;
  max-width: 100%;
}
.actions8 {
  align-self: stretch;
  gap: 12px;
  font-size: var(--Text-Sizes-Text-Tiny);
}
.text-input2 {
  flex: 1;
  background-color: var(--Color-Black-Rock-Dark);
  border-bottom: 1px solid var(--Opacity-White-20);
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.button37,
.placeholder2 {
  background-color: transparent;
}
.placeholder2 {
  width: 100%;
  border: 0;
  outline: 0;
  font-family: Inter;
  font-size: var(--Text-Sizes-Text-Regular);
  flex: 1;
  position: relative;
  line-height: 150%;
  color: var(--Opacity-White-60);
  text-align: left;
  display: inline-block;
}
.button37 {
  cursor: pointer;
  border: 1px solid var(--Accent-Cyan);
  padding: 6px 12px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(0, 212, 255, 0.1), rgba(79, 142, 247, 0.08));
  transition: box-shadow var(--Transition-Smooth), transform var(--Transition-Spring), background var(--Transition-Smooth);
}
.button37:hover {
  box-shadow: var(--Glow-Button);
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(0, 212, 255, 0.22), rgba(79, 142, 247, 0.15));
}
.button38 {
  position: relative;
  font-size: var(--Text-Sizes-Text-Regular);
  line-height: 150%;
  font-weight: 500;
  font-family: Inter;
  color: var(--Accent-Cyan);
  text-align: left;
}
.column12,
.links {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 40px;
  min-width: 424px;
  color: rgba(255,255,255,0.6);
}
.column12 {
  overflow: hidden;
  flex-direction: column;
  gap: 16px;
  min-width: 143px;
  color: var(--Color-White);
}
.services {
  align-self: stretch;
  position: relative;
  line-height: 150%;
  font-weight: 600;
}
.footer-links,
.link4 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.footer-links {
  flex-direction: column;
  font-size: var(--Text-Sizes-Text-Small);
  color: rgba(255,255,255,0.55);
}
.link4 {
  transition: color var(--Transition-Smooth);
  cursor: pointer;
}
.link4:hover .inspection {
  color: var(--Accent-Cyan);
}
.link4 {
  padding: 8px 0;
}
.inspection {
  flex: 1;
  position: relative;
  line-height: 150%;
}
.column13 {
  flex: 1;
  overflow: hidden;
  gap: 16px;
  min-width: 143px;
}
.column13,
.column14,
.social-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.column14 {
  flex: 1;
  gap: 16px;
  min-width: 143px;
}
.social-links {
  align-self: stretch;
  font-size: var(--Text-Sizes-Text-Small);
}
.link14 {
  align-items: center;
  padding: 8px 0;
  gap: 11px;
}
.credits,
.link14,
.link15 {
  align-self: stretch;
  display: flex;
}
.link15 {
  align-items: center;
  padding: 8px 0;
  gap: 12px;
}
.credits {
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  max-width: 100%;
  font-size: var(--Text-Sizes-Text-Small);
  color: rgba(255, 255, 255, 0.45);
}
.divider {
  align-self: stretch;
  height: 1px;
  position: relative;
  border-top: 1px solid rgba(0, 212, 255, 0.15);
  box-sizing: border-box;
}
.footer-links3,
.row8 {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.row8 {
  align-self: stretch;
  justify-content: space-between;
  gap: 20px;
}
.footer-links3 {
  gap: 23px;
}
.privacy-policy {
  position: relative;
  text-decoration: underline;
  line-height: 150%;
}
@media screen and (max-width: 1275px) {
  .column2 {
    display: none;
  }
  .header-111 {
    padding-left: 32px;
    padding-right: 32px;
    box-sizing: border-box;
  }
  .container2 {
    max-width: 100%;
  }
  .header-62 {
    padding-left: 32px;
    padding-right: 32px;
    box-sizing: border-box;
  }
  .container3 {
    max-width: 100%;
  }
  .layout-1 {
    padding-left: 32px;
    padding-right: 32px;
    box-sizing: border-box;
  }
  .container4 {
    max-width: 100%;
  }
  .layout-466 {
    padding-left: 32px;
    padding-right: 32px;
    box-sizing: border-box;
  }
  .product-10 {
    padding: 73px 32px;
    box-sizing: border-box;
  }
  .container6 {
    max-width: 100%;
  }
  .layout-101 {
    padding: 73px 32px;
    box-sizing: border-box;
  }
  .container7 {
    max-width: 100%;
  }
  .gallery-10 {
    padding: 73px 32px;
    box-sizing: border-box;
  }
  .container8 {
    max-width: 100%;
  }
  .cta-58,
  .footer-1,
  .layout-25 {
    padding-left: 32px;
    padding-right: 32px;
    box-sizing: border-box;
  }
  .content37 {
    gap: 64px;
  }
}
@media screen and (max-width: 1100px) {
  .header-111,
  .layout-1 {
    padding-top: 73px;
    padding-bottom: 73px;
    box-sizing: border-box;
  }
  .component3 {
    height: auto;
  }
  .layout-25,
  .product-10 {
    padding-top: 47px;
    padding-bottom: 47px;
    box-sizing: border-box;
  }
  .layout-25 {
    padding-top: 73px;
    padding-bottom: 73px;
  }
  .content37 {
    height: auto;
    flex-wrap: wrap;
  }
  .newsletter {
    flex: 1;
  }
}
@media screen and (max-width: 750px) {
  .navbar-3 {
    padding-left: 32px;
    padding-right: 32px;
    box-sizing: border-box;
  }
  .container {
    gap: 16px;
  }
  .component,
  .container2,
  .header-111 {
    gap: 40px;
  }
  .column-one {
    min-width: 100%;
  }
  .heading {
    font-size: 58px;
    line-height: 69px;
  }
  .column-two {
    min-width: 100%;
  }
  .content {
    gap: 16px;
  }
  .header-62 {
    gap: 40px;
    padding-top: 73px;
    padding-bottom: 73px;
    box-sizing: border-box;
  }
  .container3 {
    gap: 40px;
  }
  .component2 {
    max-width: 100%;
  }
  .component3,
  .container4,
  .layout-1 {
    gap: 40px;
  }
  .content-left {
    gap: 16px;
  }
  .content-left,
  .placeholder-image-icon {
    min-width: 100%;
  }
  .layout-466 {
    gap: 40px;
    padding-top: 73px;
    padding-bottom: 73px;
    box-sizing: border-box;
  }
  .content4 {
    gap: 40px;
  }
  .column4 {
    min-width: 100%;
  }
  .heading3 {
    font-size: 42px;
    line-height: 50px;
  }
  .column5 {
    min-width: 100%;
  }
  .content5,
  .content7 {
    gap: 16px;
  }
  .row {
    flex-wrap: wrap;
  }
  .product-10 {
    gap: 40px;
    padding-top: 31px;
    padding-bottom: 31px;
    box-sizing: border-box;
  }
  .container6 {
    gap: 40px;
  }
  .title {
    max-width: 100%;
  }
  .content9 {
    gap: 32px;
  }
  .row2 {
    gap: 24px;
  }
  .layout-101 {
    gap: 40px;
    padding-top: 47px;
    padding-bottom: 47px;
    box-sizing: border-box;
  }
  .container7 {
    gap: 40px;
  }
  .column6,
  .column7 {
    min-width: 100%;
  }
  .column7 {
    gap: 16px;
  }
  .gallery-10 {
    gap: 40px;
    padding-top: 47px;
    padding-bottom: 47px;
    box-sizing: border-box;
  }
  .container8 {
    gap: 40px;
  }
  .section-title4 {
    max-width: 100%;
  }
  .content19 {
    gap: 16px;
  }
  .component4,
  .layout-25 {
    gap: 40px;
  }
  .content20 {
    gap: 16px;
    min-width: 100%;
  }
  .number {
    font-size: 42px;
    line-height: 50px;
  }
  .section-title6 {
    max-width: 100%;
  }
  .row6 {
    gap: 16px;
  }
  .content34 {
    max-width: 100%;
  }
  .cta-58 {
    gap: 40px;
    padding-top: 73px;
    padding-bottom: 73px;
    box-sizing: border-box;
  }
  .heading18 {
    font-size: 58px;
    line-height: 69px;
  }
  .form {
    flex-wrap: wrap;
  }
  .footer-1 {
    gap: 40px;
    padding-top: 49px;
    padding-bottom: 49px;
    box-sizing: border-box;
  }
  .content37 {
    gap: 32px;
  }
  .links,
  .newsletter {
    min-width: 100%;
  }
  .links {
    gap: 20px;
    flex-wrap: wrap;
  }
  .credits {
    gap: 16px;
  }
  .row8 {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media screen and (max-width: 450px) {
  .column2 {
    gap: 16px;
  }
  .header-111 {
    gap: 20px;
    padding-top: 47px;
    padding-bottom: 47px;
    box-sizing: border-box;
  }
  .component,
  .container2 {
    gap: 20px;
  }
  .heading {
    font-size: 43px;
    line-height: 52px;
  }
  .container3,
  .header-62 {
    gap: 20px;
  }
  .component2 {
    gap: 16px;
  }
  .layout-1 {
    gap: 20px;
    padding-top: 47px;
    padding-bottom: 47px;
    box-sizing: border-box;
  }
  .component3,
  .container4,
  .content4,
  .layout-466 {
    gap: 20px;
  }
  .column4 {
    padding-top: 208px;
    box-sizing: border-box;
  }
  .heading3 {
    font-size: 31px;
    line-height: 37px;
  }
  .subheading-one {
    font-size: 18px;
    line-height: 25px;
  }
  .container6,
  .product-10 {
    gap: 20px;
  }
  .content9 {
    gap: 16px;
  }
  .price {
    font-size: 18px;
    line-height: 26px;
  }
  .container7,
  .container8,
  .gallery-10,
  .layout-101 {
    gap: 20px;
  }
  .column8 {
    gap: 16px;
  }
  .layout-25 {
    gap: 20px;
    padding-top: 47px;
    padding-bottom: 47px;
    box-sizing: border-box;
  }
  .component4 {
    gap: 20px;
  }
  .number {
    font-size: 31px;
    line-height: 37px;
  }
  .name {
    font-size: 18px;
    line-height: 26px;
  }
  .cta-58 {
    gap: 20px;
  }
  .heading18 {
    font-size: 43px;
    line-height: 52px;
  }
  .footer-1 {
    gap: 20px;
  }
  .content37 {
    gap: 16px;
  }
  .footer-links3 {
    flex-wrap: wrap;
  }
}