/* ATN Hawk — responsive (load after stylesv2.css) */

@media (min-width: 1500px) {
    .hawk-pl-hero {
        padding-left: 300px;
    }

    .hawk-hero-header-img {
        right: 300px;
    }
}

@media (max-width: 1280px) {
    .hawk-hero-header-img {
        right: 80px;
    }
}

@media (max-width: 768px) {
    .hawk-hero-header-img {
        max-width: min(380px, 78vw);
        max-height: min(50dvh, 480px);
    }
}

@media (max-width: 1440px) {
    .hawk-bg-testimonial-sec > .hawk-mw-1440 {
        min-height: 0;
        padding-bottom: 64px;
        padding-left: clamp(16px, 4vw, 32px);
        padding-right: clamp(16px, 4vw, 32px);
        padding-top: clamp(48px, 8vw, 112px);
    }

    .hawk-bg-testimonial-sec .hawk-bs-testimonial {
        flex-direction: column;
        height: auto;
    }

    .hawk-bg-testimonial-sec .hawk-bs-testimonial .hawk-w-434 {
        border-radius: 24px 24px 0 0;
        height: min(342px, 55vw);
        width: 100%;
    }

    .hawk-bg-testimonial-sec .hawk-p-testimonial {
        padding: 24px 20px 32px;
    }

}

@media (max-width: 1200px) {
    .hawk-pt-hero {
        padding-top: 64px;
    }

    .hawk-pl-hero {
        padding-left: clamp(24px, 8vw, 180px);
    }

    .hawk-pr-hero {
        padding-right: clamp(24px, 8vw, 180px);
    }

    .hawk-benefits-c-l {
        left: clamp(24px, 8vw, 180px);
    }

    .hawk-benefits-c-w {
        width: min(556px, calc(100% - clamp(48px, 16vw, 360px)));
    }

    .hawk-benefits-c-h {
        height: auto;
    }

    .hawk-benefits-c-minh {
        min-height: min(420px, 70vh);
    }

    .hawk-benefits-c-maxh {
        max-height: calc(100% - 74px);
    }

    .hawk-process-sec-p {
        min-height: 0;
        padding: 48px clamp(16px, 4vw, 32px) 64px;
    }

    .hawk-process-minh-640 {
        min-height: 640px;
    }

    .hawk-process-pos-lg {
        position: static;
    }

    .hawk-process-c-t {
        top: auto;
    }

    .hawk-process-c-l {
        left: clamp(16px, 4vw, 180px);
        transform: none;
    }

    .hawk-w-1106 {
        width: 100%;
    }

    .hawk-mxw-cluster {
        max-width: none;
    }

    .hawk-w-425.hawk-mnh-116 {
        position: static !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        width: min(425px, 100%);
        min-height: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 80px;
    }

    .hawk-process-head-mb {
        margin-bottom: 80px;
    }
    .hawk-process-row {
        flex-wrap: wrap;
        row-gap: 80px;
        column-gap: 31px;
    }

    .hawk-h-546 {
        height: auto;
    }

    .hawk-process-card-minh {
        min-height: 480px;
    }

    .hawk-w-342 {
        width: min(342px, 100%);
    }

}

@media (max-width: 991.98px) {
    body.hawk-ff-bvp {
        --hawk-header-height: 72px;
    }

    /* Hero: drop forced 100dvh so main is not stretched; copy + image sit closer vertically */
    .hawk-viewport-hero {
        min-height: auto;
    }

    .hawk-pl-inset {
        padding-left: 20px;
    }

    .hawk-pr-inset {
        padding-right: 20px;
    }

    .hawk-hero-frame {
        flex: 0 1 auto;
        min-height: 0;
        overflow: hidden;
        padding-bottom: clamp(122px, calc(26dvh + 50px), 250px);
    }

    .hawk-pt-hero {
        padding-top: clamp(40px, 7vw, 64px);
    }

    .hawk-pl-hero {
        padding-left: clamp(20px, 5vw, 56px);
    }

    .hawk-pr-hero {
        padding-right: clamp(20px, 5vw, 56px);
    }

    .hawk-hero-copy {
        max-width: min(520px, 100%);
    }

    .hawk-hero-header-img {
        right: clamp(24px, 6vw, 80px);
        bottom: -50px;
        max-width: min(540px, 62vw);
        max-height: min(62vh, 620px);
    }

    .hawk-h-539 {
        height: auto;
    }

    .hawk-process-row {
        justify-content: center;
    }

    section[aria-labelledby="hawk-problems-heading"] .hawk-gtc-problems {
        grid-template-columns: 1fr 1fr !important;
        column-gap: 28px;
        row-gap: 28px;
        align-items: start;
    }

    section[aria-labelledby="hawk-problems-heading"] .hawk-jc-self-c {
        display: none !important;
    }

    section[aria-labelledby="hawk-problems-heading"] .hawk-problems-col--right h3,
    section[aria-labelledby="hawk-problems-heading"] .hawk-problems-col--right li > span:first-child {
        text-align: right !important;
    }

    section[aria-labelledby="hawk-problems-heading"] .hawk-problems-col--right li {
        justify-content: flex-end !important;
    }

    .hawk-df-hg {
        display: flex;
    }

    .hawk-fww-hg {
        flex-wrap: wrap;
    }

    .hawk-aic-hg {
        align-items: center;
    }

    .hawk-fb-full {
        flex-basis: 100%;
    }

    .navbar .navbar-toggler {
        position: relative;
        z-index: 1060;
    }

    #hawkHeaderNav.hawk-nc-lg.collapse,
    #hawkHeaderNav.hawk-nc-lg.collapsing {
        position: fixed;
        top: 0;
        right: 0;
        width: 70% !important;
        height: 100dvh !important;
        display: block !important;
        padding: 88px 20px 24px;
        background: #fff;
        box-shadow: -16px 0 32px rgba(2, 16, 34, 0.12);
        overflow-y: auto;
        z-index: 1055;
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: none;
    }

    #hawkHeaderNav.hawk-nc-lg.show,
    #hawkHeaderNav.hawk-nc-lg.collapsing {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition-delay: 0s;
    }

    #hawkHeaderNav .hawk-cell-nav,
    #hawkHeaderNav .hawk-cell-utils {
        justify-content: flex-start !important;
        align-items: flex-start !important;
        text-align: left;
        width: 100%;
    }

    #hawkHeaderNav .navbar-nav {
        width: 100%;
    }

    #hawkHeaderNav .nav-item {
        text-align: left !important;
    }

    #hawkHeaderNav .hawk-cell-utils {
        padding-bottom: 0 !important;
    }

    .hawk-mobile-nav-overlay {
        position: fixed;
        inset: 0;
        background: rgba(15, 23, 42, 0.35);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: 1050;
        transition: none;
    }

    #hawkHeaderNav.show ~ .hawk-mobile-nav-overlay,
    #hawkHeaderNav.collapsing ~ .hawk-mobile-nav-overlay {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition-delay: 0s;
    }

    .hawk-lg-h-auto {
        height: auto;
      }
    
      .hawk-lg-pt-72 {
        padding-top: 72px;
      }
    
      .hawk-lg-pb-32 {
        padding-bottom: 32px;
      }
    
      .hawk-lg-fs-36 {
        font-size: 36px;
      }
    
      .hawk-lg-mt-32 {
        margin-top: 32px;
      }
    
      .hawk-lg-mt-40 {
        margin-top: 40px;
      }
    
      .hawk-lg-gtc-1fr {
        grid-template-columns: 1fr;
      }
    
      .hawk-lg-gap-28 {
        gap: 28px;
      }
    
      .hawk-lg-d-none {
        display: none !important;
      }
    
      .hawk-lg-mb-20 {
        margin-bottom: 20px;
      }
    
      .hawk-lg-jc-fs {
        justify-content: flex-start;
      }
    
      .hawk-lg-ta-start {
        text-align: left;
      }
    
      .hawk-lg-w-240 {
        width: 240px;
      }
    
      .hawk-lg-h-240 {
        height: 240px;
      }
    
      .hawk-lg-ml-a {
        margin-left: auto;
      }
    
      .hawk-lg-mr-a {
        margin-right: auto;
      }
    
      .hawk-lg-w-150 {
        width: 150px;
      }
    
      .hawk-lg-h-150 {
        height: 150px;
      }
    
      .hawk-lg-fs-28 {
        font-size: 28px;
      }
    
      .hawk-lg-br-20 {
        border-radius: 20px;
      }
    
      .hawk-lg-mnh-0 {
        min-height: 0;
      }
    
      .hawk-lg-pt-12 {
        padding-top: 12px;
      }
    
      .hawk-lg-pb-16 {
        padding-bottom: 16px;
      }
    
      .hawk-lg-w-100 {
        width: 100%;
      }
    
      .hawk-lg-ml-0 {
        margin-left: 0;
      }
    
      .hawk-lg-pb-0 {
        padding-bottom: 0;
      }
    
      .hawk-lg-bs-gutter-0 {
        --bs-gutter-x: 0;
      }
    
      .hawk-lg-gap-20 {
        gap: 20px;
      }
    
      .hawk-lg-pl-20 {
        padding-left: 20px;
      }
    
      .hawk-lg-pr-20 {
        padding-right: 20px;
      }

    /* Testimonial: shrink safely below lg to avoid broken layout */
    .hawk-bg-testimonial-sec > .hawk-mw-1440 {
        padding-top: clamp(56px, 8vw, 84px);
        padding-bottom: clamp(40px, 7vw, 64px);
    }

    .hawk-bg-testimonial-sec .hawk-mb-80 {
        margin-bottom: clamp(28px, 5vw, 48px);
    }

    .hawk-bg-testimonial-sec .hawk-bs-testimonial {
        width: min(860px, 100%);
    }

    .hawk-bg-testimonial-sec .hawk-bs-testimonial .hawk-w-434 {
        height: clamp(220px, 42vw, 300px);
    }

    .hawk-bg-testimonial-sec .hawk-p-testimonial {
        padding: clamp(20px, 4vw, 28px);
    }

    .hawk-bg-testimonial-sec .hawk-fs-quote {
        font-size: clamp(22px, 2.7vw, 28px);
        line-height: 1.45;
    }

    .hawk-bg-testimonial-sec .hawk-fs-star {
        font-size: clamp(18px, 2.2vw, 22px);
        line-height: 1;
    }

    .hawk-bg-testimonial-sec .hawk-w-cap-566 {
        width: 100%;
    }

    .hawk-bg-testimonial-sec .hawk-h-24 {
        height: 20px;
    }
}

/* Testimonial: 80vw card, image 50% width, shorter height under 800px */
@media (max-width: 799.98px) {
    .hawk-bg-testimonial-sec > .hawk-mw-1440 {
        min-height: 0;
    }

    .hawk-bg-testimonial-sec .hawk-bs-testimonial {
        flex-direction: row;
        align-items: stretch;
        width: min(80vw, 100%);
        height: min(300px, 50vh);
        min-height: min(300px, 50vh);
        max-height: min(300px, 50vh);
    }

    .hawk-bg-testimonial-sec .hawk-bs-testimonial > .flex-shrink-0 {
        align-self: stretch;
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
        min-width: 0;
        min-height: 0;
    }

    .hawk-bg-testimonial-sec .hawk-bs-testimonial .hawk-w-434 {
        width: 100%;
        height: 100%;
        min-height: 100%;
        max-height: none;
        border-radius: 24px 0 0 24px;
    }

    .hawk-bg-testimonial-sec .hawk-p-testimonial {
        padding: clamp(18px, 4.5vw, 24px) clamp(16px, 4vw, 22px) clamp(22px, 5vw, 28px);
        justify-content: flex-start;
        align-items: stretch;
        flex: 1 1 auto;
        min-height: 0;
    }

    .hawk-bg-testimonial-sec .hawk-p-testimonial blockquote {
        margin-bottom: 0 !important;
    }

    /* Quote on top; footer cluster (gap-2 + mt-auto) pinned to bottom of text column */
    .hawk-bg-testimonial-sec .hawk-bs-testimonial .hawk-p-testimonial > div.hawk-w-cap-566.mt-auto {
        margin-top: auto !important;
        gap: 0.75rem !important;
    }

    .hawk-bg-testimonial-sec .hawk-fs-quote {
        font-size: 16px;
        line-height: 1.3;
    }

    .hawk-bg-testimonial-sec .hawk-fs-star {
        font-size: clamp(12px, 3vw, 14px);
    }

    .hawk-bg-testimonial-sec .hawk-fs-lead {
        font-size: clamp(13px, 3.5vw, 15px);
        line-height: 1.2;
    }

    .hawk-bg-testimonial-sec .hawk-p-testimonial .fs-6 {
        font-size: 0.7rem !important;
        line-height: 1.25;
    }

    .hawk-bg-testimonial-sec .hawk-p-testimonial .hawk-h-24 {
        height: 16px;
        max-width: 90px;
        object-fit: contain;
    }
}

@media (max-width: 767.98px) {
    .hawk-bg-testimonial-sec .hawk-p-testimonial > .hawk-w-cap-566 > div {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 10px;
    }

    .hawk-bg-testimonial-sec .hawk-p-testimonial > .hawk-w-cap-566 > div img {
        height: 18px;
        width: auto;
    }
}

@media (min-width: 992px) {
    .hawk-dg-hg-lg {
        display: grid;
    }

    .hawk-gtc-hg-lg {
        grid-template-columns: auto 1fr auto;
    }

    .hawk-gai-hg-lg {
        align-items: center;
    }

    #hawkHeaderNav.hawk-nc-lg.collapse.navbar-collapse {
        display: contents !important;
    }

    .hawk-df-nav-lg {
        display: flex;
    }

    .hawk-jc-nav-lg {
        justify-content: center;
    }

    .hawk-miw0-nav-lg {
        min-width: 0;
    }

    .hawk-jce-util-lg {
        justify-content: flex-end;
    }
}

@media (max-width: 680px) {
    .hawk-process-row {
        row-gap: 30px;
    }

    section[aria-labelledby="hawk-problems-heading"] .hawk-gtc-problems {
        grid-template-columns: 1fr !important;
        justify-items: center;
        width: 100%;
        padding-left: 20px;
        padding-right: 12px;
        box-sizing: border-box;
    }

    section[aria-labelledby="hawk-problems-heading"] .hawk-problems-col {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    section[aria-labelledby="hawk-problems-heading"] .hawk-problems-col--right h3,
    section[aria-labelledby="hawk-problems-heading"] .hawk-problems-col--right li > span:first-child {
        text-align: left !important;
    }

    section[aria-labelledby="hawk-problems-heading"] .hawk-problems-col--right li {
        justify-content: flex-start !important;
        align-items: flex-start;
    }

    section[aria-labelledby="hawk-problems-heading"] .hawk-problems-col li > .hawk-mw-330 {
        max-width: 100% !important;
        flex: 1;
        min-width: 0;
    }

    section[aria-labelledby="hawk-problems-heading"] .hawk-problems-col--right li > .hawk-bg-2b9a66 {
        order: -1;
        margin-top: 0.45em;
    }

    section[aria-labelledby="hawk-problems-heading"] .hawk-r-n42,
    section[aria-labelledby="hawk-problems-heading"] .hawk-l-n42 {
        display: none !important;
    }

    section[aria-labelledby="hawk-problems-heading"] .hawk-problems-col li {
        overflow: hidden;
    }
    .hawk-bg-testimonial-sec .hawk-fs-quote {
        font-size: 14px;
        line-height: 1.3;
    }
    .hawk-process-sec-p {
        padding: 32px clamp(16px, 4vw, 32px) 48px;
    }
}

@media (max-width: 640px) {
    section[aria-labelledby="hawk-faq-heading"] .hawk-h-104,
    section[aria-labelledby="hawk-faq-heading"] .hawk-h-64 {
        height: auto;
    }

    section[aria-labelledby="hawk-faq-heading"] .hawk-pt-10 {
        padding-top: 12px;
    }

    section[aria-labelledby="hawk-faq-heading"] .hawk-pb-10 {
        padding-bottom: 12px;
    }
}

/* Pricing cards: stack one card per row below lg */
@media (max-width: 991.98px) {
    #hawk-pricing-cards {
        justify-content: center;
    }

    #hawk-pricing-cards > .hawk-pricing-card {
        flex: 0 0 auto;
        width: min(342px, 100%);
        max-width: min(342px, 100%);
        padding-left: 0;
        padding-right: 0;
    }

    #hawk-pricing-cards > .hawk-pricing-card > .hawk-pricing-shell {
        width: 100%;
    }
}

/* Pricing cards: reduce vertical gap on narrower screens */
@media (max-width: 900px) {
    #hawk-pricing-cards {
        row-gap: 40px;
    }
}

/* Pricing row: outer cards flush to 1080px block at ≥1440px viewport */
@media (min-width: 1440px) {
    #hawk-pricing-cards > .hawk-pricing-card:first-child {
        padding-left: 0;
    }

    #hawk-pricing-cards > .hawk-pricing-card:last-child {
        padding-right: 0;
    }
}
/* Pricing cards: force uniform horizontal gap on desktop */
@media (min-width: 992px) {
    #hawk-pricing-cards {
      margin-left: 0;
      margin-right: 0;
      gap: 31px;
    }
    #hawk-pricing-cards > .hawk-pricing-card {
      display: flex;
      padding-left: 0;
      padding-right: 0;
      flex: 1 1 0;
      min-width: 0;
      max-width: calc((100% - 62px) / 3);
    }
    #hawk-pricing-cards > .hawk-pricing-card > .hawk-pricing-shell {
      width: 100%;
    }
  }