@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/geist/geist-98bbbccb.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.bosseo-home-top,
.bosseo-home-menu,
.bosseo-home-footer,
.bosseo-home-mobile-cta {
  box-sizing: border-box;
  color: #fff;
  font-family: "Geist", Arial, sans-serif;
}

.bosseo-home-top *,
.bosseo-home-menu *,
.bosseo-home-footer *,
.bosseo-home-mobile-cta * {
  box-sizing: border-box;
}

.bosseo-home-top a,
.bosseo-home-menu a,
.bosseo-home-footer a,
.bosseo-home-mobile-cta a {
  color: inherit;
  text-decoration: none;
  font: inherit;
}

.bosseo-home-top button,
.bosseo-home-menu button {
  font: inherit;
  color: #fff;
}

.bosseo-home-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 210;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.bosseo-home-top.is-flow {
  position: relative;
  z-index: 40;
}

.bosseo-home-top .announcement {
  position: relative;
  z-index: 2;
  height: 30px;
  overflow: hidden;
  background: linear-gradient(90deg, #3458ff, #9d3cff 50%, #ef3fa9);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.13em;
  white-space: nowrap;
}

.bosseo-home-top .announcement-track {
  display: flex;
  width: max-content;
  height: 100%;
  align-items: center;
  gap: 18px;
  animation: bosseo-home-ticker 22s linear infinite;
  will-change: transform;
}

.bosseo-home-top .announcement-track i {
  font-style: normal;
  color: #fff;
}

@keyframes bosseo-home-ticker {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.bosseo-home-top .site-header {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  height: 70px;
  padding: 0 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  background: #070711;
}

.bosseo-home-top .brand,
.bosseo-home-footer .brand {
  font-family: Georgia, serif;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -0.05em;
  color: #fff;
}

.bosseo-home-top .site-header .brand { font-size: 42px; }
.bosseo-home-footer .brand { font-size: 38px; }
.bosseo-home-top .brand-dot,
.bosseo-home-footer .brand-dot { color: #7b62ff; }

.bosseo-home-top .desktop-nav,
.bosseo-home-top .header-cta { display: none; }

.bosseo-home-top .menu-button {
  width: 47px;
  height: 47px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  cursor: pointer;
}

.bosseo-home-top .menu-button span {
  width: 19px;
  height: 2px;
  background: #fff;
  border-radius: 3px;
}

.bosseo-home-top .menu-button span:last-child {
  width: 13px;
  margin-left: 6px;
}

.bosseo-home-menu {
  position: fixed;
  inset: 0;
  z-index: 400;
  padding: 20px;
  background: radial-gradient(circle at 80% 0%, rgba(111, 56, 255, 0.24), transparent 35%), #090914;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-18px);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
}

.bosseo-home-menu.is-open {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.bosseo-home-menu .menu-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bosseo-home-menu .menu-top p,
.bosseo-home-menu .menu-group h3 {
  margin: 0;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.bosseo-home-menu .menu-top button {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  font-size: 30px;
  font-weight: 200;
  cursor: pointer;
  line-height: 1;
}

.bosseo-home-menu .menu-intro { margin: 42px 0 32px; }

.bosseo-home-menu .menu-intro h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(39px, 10vw, 74px);
  line-height: 0.96;
  letter-spacing: -0.06em;
}

.bosseo-home-menu .menu-intro h2 em {
  font-style: normal;
  color: #d7c8ff;
}

.bosseo-home-menu .menu-intro p {
  max-width: 620px;
  margin: 22px 0 0;
  color: #f4f4f8;
  font-size: 17px;
  line-height: 1.55;
}

.bosseo-home-menu .menu-grid { display: grid; gap: 32px; }
.bosseo-home-menu .menu-group { display: grid; gap: 10px; }
.bosseo-home-menu .menu-group h3 { margin: 0 0 5px; }

.bosseo-home-menu .menu-product {
  display: grid;
  grid-template-columns: 52px 1fr auto;
  align-items: center;
  gap: 13px;
  min-height: 78px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
}

.bosseo-home-menu .menu-product strong,
.bosseo-home-menu .menu-product small { display: block; }
.bosseo-home-menu .menu-product strong { font-size: 16px; color: #fff; }
.bosseo-home-menu .menu-product small {
  margin-top: 4px;
  color: #f4f4f8;
  font-size: 12px;
  line-height: 1.4;
}
.bosseo-home-menu .menu-product > span:last-child { font-size: 20px; color: #fff; }

.bosseo-home-menu .menu-demo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 62px;
  margin: 30px 0 10px;
  padding: 0 23px;
  border-radius: 15px;
  background: linear-gradient(100deg, #4768ff, #ef3fac);
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bosseo-home-menu .product-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 15px;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
}

.bosseo-home-menu .product-icon.violet { background: linear-gradient(145deg, #496bff, #6e37ed); }
.bosseo-home-menu .product-icon.magenta { background: linear-gradient(145deg, #7b3ff1, #ef43ad); }
.bosseo-home-menu .product-icon.coral { background: linear-gradient(145deg, #f0518f, #ff8e35); }
.bosseo-home-menu .product-icon.orange { background: linear-gradient(145deg, #ffab28, #f24f59); }
.bosseo-home-menu .product-icon.blue { background: linear-gradient(145deg, #13b9db, #3167f4); }
.bosseo-home-menu .product-icon.cyan { background: linear-gradient(145deg, #0fc4d7, #168fe9); }
.bosseo-home-menu .product-icon.indigo { background: linear-gradient(145deg, #6858ff, #3c57e9); }
.bosseo-home-menu .product-icon.pink { background: linear-gradient(145deg, #ef3fa8, #943ede); }
.bosseo-home-menu .product-icon.sky { background: linear-gradient(145deg, #19bed8, #6c40ef); }
.bosseo-home-menu .product-icon.green { background: linear-gradient(145deg, #16c978, #16b9c8); }
.bosseo-home-menu .product-icon.purple { background: linear-gradient(145deg, #4a6aff, #7625e9); }

.bosseo-home-footer {
  display: grid;
  gap: 34px;
  margin: 0;
  padding: 68px 18px 105px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  background: #06060e;
  color: #fff;
}

.bosseo-home-footer .footer-brand p {
  max-width: 330px;
  margin: 18px 0;
  color: #f4f4f8;
  font-size: 13px;
  line-height: 1.55;
}

.bosseo-home-footer .footer-brand > a:not(.brand) {
  display: inline-flex;
  gap: 10px;
  margin: 0 18px 10px 0;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.bosseo-home-footer .footer-column {
  display: grid;
  gap: 10px;
  align-content: start;
}

.bosseo-home-footer .footer-column h3 {
  margin: 0 0 4px;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

.bosseo-home-footer .footer-column a {
  color: #f4f4f8;
  font-size: 12px;
}

.bosseo-home-footer .footer-column a:hover,
.bosseo-home-footer .footer-bottom a:hover,
.bosseo-home-top .nav-link:hover { color: #fff; }

.bosseo-home-footer .footer-bottom {
  display: grid;
  gap: 8px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  color: #f4f4f8;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.bosseo-home-footer .footer-bottom a { color: #fff; }

.bosseo-home-mobile-cta {
  position: fixed;
  z-index: 180;
  left: 12px;
  right: 12px;
  bottom: 12px;
}

.bosseo-home-mobile-cta a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  height: 57px;
  border-radius: 14px;
  background: linear-gradient(100deg, #3f62ff, #7a49ff 55%, #e73ea5);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

body.bosseo-chrome-pad { padding-top: 100px; }

@media (min-width: 700px) {
  .bosseo-home-top .site-header {
    height: 78px;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 32px;
    grid-template-columns: 1fr auto 1fr;
  }
  .bosseo-home-top .desktop-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 36px;
  }
  .bosseo-home-top .nav-link {
    border: 0;
    background: none;
    color: #fff;
    font-size: 17px;
    font-weight: 650;
    cursor: pointer;
  }
  .bosseo-home-top .header-cta {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 12px;
    height: 46px;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 99px;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
  }
  .bosseo-home-top .menu-button { display: none; }
  .bosseo-home-menu { padding: 32px 5vw 50px; }
  .bosseo-home-menu .menu-grid { grid-template-columns: repeat(2, 1fr); gap: 42px; }
  .bosseo-home-menu .menu-group:last-child {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, 1fr);
  }
  .bosseo-home-menu .menu-group:last-child h3 { grid-column: 1 / -1; }
  .bosseo-home-footer {
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    padding: 75px 6vw 60px;
  }
  .bosseo-home-footer .footer-bottom {
    grid-column: 1 / -1;
    grid-template-columns: 1fr auto auto;
    align-items: center;
  }
  .bosseo-home-mobile-cta { display: none; }
  body.bosseo-chrome-pad { padding-top: 108px; }
}

@media (min-width: 1080px) {
  .bosseo-home-top .site-header {
    padding-inline: 5vw;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  .bosseo-home-menu .menu-grid { grid-template-columns: 1fr 1fr 0.9fr; }
  .bosseo-home-menu .menu-group:last-child {
    grid-column: auto;
    display: grid;
    grid-template-columns: 1fr;
    align-content: start;
  }
  .bosseo-home-menu .menu-group:last-child h3 { grid-column: auto; }
  .bosseo-home-menu .menu-intro {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    align-items: end;
  }
  .bosseo-home-menu .menu-intro p { margin: 0 0 7px; }
}

@media (prefers-reduced-motion: reduce) {
  .bosseo-home-top .announcement-track { animation: none; }
  .bosseo-home-menu { transition: none; }
}