.header-shell .desktop-nav {
      flex: 1 1 auto;
      justify-content: space-evenly;
      gap: clamp(18px, 2vw, 32px);
      max-width: 680px;
      margin-left: clamp(24px, 3vw, 44px) !important;
      margin-right: clamp(20px, 2.5vw, 38px)
    }

    .header-shell .desktop-nav a {
      text-align: center;
      white-space: nowrap
    }

    .header-shell .header-actions {
      margin-left: 0
    }

    .hero-mobile-break {
      display: none
    }

    .hero {
      padding: 0 !important;
      margin: 0 !important;
    }

    .hero-bullets li {
      font-size: 1.05rem;
    }

    #hero .hero-wrap {
      position: relative;
      padding: 38px 42px;
    }

    @media (max-width: 900px) {
      #hero .hero-wrap {
        padding: 32px 24px;
      }
    }

    @media (max-width: 640px) {
      #hero .hero-wrap {
        padding: 24px 20px;
      }
    }

    @media (min-width: 1200px) {
      #hero .hero-wrap {
        padding: 24px 42px;
        background: linear-gradient(90deg, #05070b 0%, rgba(5, 7, 11, 0.95) 35%, rgba(5, 7, 11, 0.3) 65%, transparent 100%), url('/icon/hero-bg.webp') calc(50% + 150px) calc(50% - 80px) / 120% no-repeat;
      }

      .hero-visual {
        height: 100%;
      }
    }

    @media (max-width: 1199px) {
      #hero .hero-wrap {
        background: linear-gradient(180deg, #05070b 0%, rgba(5, 7, 11, 0.92) 50%, rgba(5, 7, 11, 0.4) 100%), url('/icon/hero-bg.webp') calc(50% - 60px) calc(50% + 40px) / cover no-repeat;
      }

      .hero-visual {
        padding: 0;
      }
    }

    @media (max-width: 1024px) and (min-width: 861px) {
      #hero .hero-wrap {
        background: linear-gradient(180deg, #05070b 0%, rgba(5, 7, 11, 0.92) 50%, rgba(5, 7, 11, 0.4) 100%), url('/icon/hero-bg.webp') 75% 80% / 120% no-repeat;
        border-top: none !important;
      }

      #hero .hero-title,
      #hero .hero-subtitle {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        align-items: center;
      }

      #hero .hero-title span {
        text-align: center;
      }
      #hero .hero-title span:nth-child(1) {
        display: block !important;
      }
      #hero .hero-title span:nth-child(2),
      #hero .hero-title span:nth-child(3) {
        display: inline-block !important;
      }
      #hero .hero-title span:nth-child(2) {
        margin-right: 12px;
      }
    }

    @media (max-width: 860px) and (min-width: 641px) {
      #hero .hero-wrap {
        background: linear-gradient(180deg, #05070b 0%, rgba(5, 7, 11, 0.92) 50%, rgba(5, 7, 11, 0.4) 100%), url('/icon/hero-bg.webp') 80% 80% / 130% no-repeat;
        border-top: none !important;
      }
    }

    @media (max-width: 480px) {
      .hero-bullets {
        grid-template-columns: 1fr !important;
      }
    }

    #hero .hero-actions {
      display: flex !important;
      flex-wrap: wrap !important;
      justify-content: flex-start !important;
      width: auto !important;
      gap: 14px !important;
    }

    #hero .hero-actions .btn {
      width: auto !important;
      min-width: 220px !important;
      flex: 0 0 auto !important;
    }

    @media (max-width: 860px) {
      #hero .hero-actions .btn {
        width: 100% !important;
        flex: 1 1 100% !important;
      }

      #hero .hero-title,
      #hero .hero-subtitle {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        align-items: center;
      }

      #hero .hero-title span {
        text-align: center;
      }
      #hero .hero-title span:nth-child(1) {
        display: block !important;
      }
      #hero .hero-title span:nth-child(2),
      #hero .hero-title span:nth-child(3) {
        display: inline-block !important;
      }
      #hero .hero-title span:nth-child(2) {
        margin-right: 12px;
      }
    }

    .home-intro {
      padding: 0 0 42px !important
    }

    .home-intro-card {
      display: grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
      gap: 18px;
      align-items: stretch;
      padding: 24px;
      border: 1px solid rgba(255, 255, 255, .08);
      border-radius: 28px;
      background: linear-gradient(180deg, rgba(14, 20, 31, .94), rgba(9, 12, 19, .96));
      box-shadow: 0 18px 46px rgba(0, 0, 0, .2)
    }

    .home-intro-copy {
      display: grid;
      gap: 12px
    }

    .home-intro-copy p {
      margin: 0;
      color: var(--muted-strong);
      font-size: 1.02rem
    }

    .home-intro-points {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px
    }

    .home-intro-point {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 54px;
      padding: 12px 16px;
      border: 1px solid rgba(255, 255, 255, .08);
      border-radius: 18px;
      background: rgba(255, 255, 255, .035);
      font-size: .84rem;
      font-weight: 900;
      letter-spacing: .1em;
      text-align: center;
      text-transform: uppercase;
      color: var(--text);
      overflow: hidden;
      transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease
    }

    .home-intro-point::before {
      content: "";
      position: absolute;
      inset: 1px;
      border-radius: inherit;
      background: linear-gradient(115deg, rgba(255, 255, 255, .12), transparent 34%, rgba(255, 202, 45, .12));
      opacity: 0;
      transition: opacity .18s ease
    }

    .home-intro-point:hover,
    .home-intro-point:focus-visible {
      border-color: rgba(255, 202, 45, .38);
      background: rgba(255, 202, 45, .08);
      box-shadow: 0 0 28px rgba(255, 202, 45, .12);
      color: #fff
    }

    .home-intro-point:hover::before,
    .home-intro-point:focus-visible::before {
      opacity: 1
    }

    .contact-badges .mini-badge {
      position: relative;
      overflow: hidden;
      transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease
    }

    .contact-badges .mini-badge::before {
      content: "";
      position: absolute;
      inset: 1px;
      border-radius: inherit;
      background: linear-gradient(115deg, rgba(255, 255, 255, .12), transparent 34%, rgba(255, 202, 45, .12));
      opacity: 0;
      transition: opacity .18s ease
    }

    .contact-badges .mini-badge:hover,
    .contact-badges .mini-badge:focus-visible {
      border-color: rgba(255, 202, 45, .38);
      background: rgba(255, 202, 45, .08);
      box-shadow: 0 0 28px rgba(255, 202, 45, .12);
      color: #fff
    }

    .contact-badges .mini-badge:hover::before,
    .contact-badges .mini-badge:focus-visible::before {
      opacity: 1
    }

    @media(max-width:860px) {
      .hero {
        padding: 0 !important;
        margin: 0 !important;
      }

      .hero-actions .btn,
      .service-actions .btn,
      .mobile-actions .btn {
        width: 100% !important
      }

      .home-intro {
        padding: 0 0 28px !important
      }

      .home-intro-card {
        grid-template-columns: 1fr;
        padding: 18px;
        border-radius: 24px
      }

      .home-intro-copy p {
        font-size: .96rem
      }

      .home-intro-points {
        grid-template-columns: 1fr;
      }
    }