@charset "UTF-8";
/*! Writen  by SCSS */
.main-content.top {
  padding-top: 0; }
  .main-content.top .main_v {
    position: relative;
    margin-bottom: 50px; }
    @media screen and (max-width: 480px) {
      .main-content.top .main_v {
        margin-bottom: 30px; } }
    .main-content.top .main_v .main_copy {
      position: absolute;
      inset: 0;
      padding: 20px calc(160% / 16) 20px 0;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      @media screen and (max-width: 768px) {
        .main-content.top .main_v .main_copy {
          padding: 20px 40px 20px 0; } }
      @media screen and (max-width: 480px) {
        .main-content.top .main_v .main_copy {
          position: static;
          padding: 0 10px 10px;
          margin-top: -18vw;
          justify-content: center;
          align-items: flex-start; } }
    .main-content.top .main_v .ball {
      position: absolute;
      top: 40px;
      right: -95px; }
      @media screen and (max-width: 768px) {
        .main-content.top .main_v .ball {
          width: 60px;
          top: 30px;
          right: -50px; } }
    .main-content.top .main_v .main_right {
      position: relative;
      flex-shrink: 0;
      width: 280px;
      width: calc(360% / 16);
      width: fit-content;
      background: rgba(22, 27, 34, 0.85);
      background: rgba(22, 27, 34, 0.6);
      border: 1px solid #30363d;
      border-radius: 16px;
      padding: 20px 35px;
      backdrop-filter: blur(12px); }
      @media screen and (max-width: 768px) {
        .main-content.top .main_v .main_right {
          padding: 15px 15px; } }
      @media screen and (max-width: 480px) {
        .main-content.top .main_v .main_right {
          padding: 20px 35px; } }
    .main-content.top .main_v .hero-box-title {
      font-size: clamp(12px, calc(22vw / 16), 22px);
      font-weight: 800;
      color: white;
      margin-bottom: 16px;
      line-height: 1.5; }
      @media screen and (max-width: 480px) {
        .main-content.top .main_v .hero-box-title {
          font-size: calc(18vw / 3.9); } }
    .main-content.top .main_v .hero-features {
      list-style: none;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 8px; }
    .main-content.top .main_v .hero-features li {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      font-size: 0.82rem;
      font-size: clamp(10px, calc(16vw / 16), 16px);
      color: #8b949e;
      line-height: 1.5; }
      @media screen and (max-width: 480px) {
        .main-content.top .main_v .hero-features li {
          font-size: calc(13vw / 3.9); } }
    .main-content.top .main_v .hero-features li::before {
      content: '✓';
      color: #c8e600;
      font-weight: 900;
      flex-shrink: 0;
      margin-top: 1px; }

.w_img {
  width: 100%; }

/*# sourceMappingURL=add.css.map */