@media (max-width: 980px) {



  .desktop-nav,



  .apply-btn {



    display: none;



  }







  .site-header {



    padding: 14px 18px;



  }







  .header-inner {



    height: 66px;



    padding: 0 18px;



  }







  .site-logo img {



    height: 36px;



  }







  .menu-toggle {



    width: 44px;



    height: 44px;



    border: 1px solid var(--border);



    border-radius: var(--radius-pill);



    display: flex;



    flex-direction: column;



    align-items: center;



    justify-content: center;



    gap: 5px;



    background: transparent;



    cursor: pointer;



  }







  .menu-toggle span {



    width: 17px;



    height: 1px;



    background: var(--text-main);



    transition: var(--transition);



  }







  .menu-toggle.is-active span:first-child {



    transform: translateY(3px) rotate(45deg);



  }







  .menu-toggle.is-active span:last-child {



    transform: translateY(-3px) rotate(-45deg);



  }







  .mobile-nav {



    position: fixed;



    top: 96px;



    left: 18px;



    right: 18px;



    padding: 24px;



    border-radius: var(--radius-md);



    border: 1px solid var(--border);



    background: rgba(5, 5, 5, .96);



    backdrop-filter: blur(18px);



    display: none;



    flex-direction: column;



    gap: 18px;



    z-index: 999;



  }







  .mobile-nav.is-open {



    display: flex;



  }







  .mobile-nav a {



    color: var(--text-main);



    font-size: 1rem;



    font-weight: 700;



  }







  .hero {



    min-height: auto;



    padding: 136px 18px 72px;



  }







  .hero-grid,



  .editorial-grid {



    grid-template-columns: 1fr;



    gap: 42px;



  }







  .hero h1 {



    font-size: clamp(3rem, 13vw, 4.8rem);



    line-height: .92;



  }







  .hero p {



    max-width: 100%;



  }







  .hero-image {



    height: 420px;



  }







  .stats,



  .cards-grid,



  .footer-grid {



    grid-template-columns: 1fr;



  }







  .section,



  .faq-section {



    padding: 72px 18px;



  }







  .section-head {



    margin-bottom: 38px;



  }







  .section-head h2,



  .faq-section h2 {



    font-size: clamp(2.25rem, 10vw, 4rem);



    line-height: .96;



  }







  .process-row {



    grid-template-columns: 1fr;



    gap: 16px;



    padding: 32px 0;



  }







  .careers-box,



  .cta-box {



    padding: 40px 24px;



    border-radius: var(--radius-md);



  }







  .footer-bottom {



    flex-direction: column;



  }



}







@media (max-width: 480px) {



  .site-header {



    padding: 12px 14px;



  }







  .header-inner {



    height: 62px;



    padding: 0 16px;



  }







  .site-logo img {



    height: 32px;



  }







  .mobile-nav {



    top: 86px;



    left: 14px;



    right: 14px;



  }







  .hero {



    padding: 118px 16px 62px;



  }







  .kicker {



    font-size: .68rem;



    letter-spacing: .2em;



    margin-bottom: 16px;



  }







  .hero h1 {



    font-size: clamp(2.65rem, 15vw, 4.1rem);



    letter-spacing: -.06em;



  }







  .hero p,



  .section-head p,



  .text-block p,



  .process-row p,



  .card p,



  .faq-answer {



    font-size: .96rem;



    line-height: 1.72;



  }







  .hero-actions {



    flex-direction: column;



    align-items: stretch;



    margin-bottom: 34px;



  }







  .primary-btn,



  .secondary-btn {



    width: 100%;



  }







  .hero-image {



    height: 340px;



  }







  .stats {



    gap: 12px;



  }







  .stat {



    padding: 20px;



  }







  .section,



  .faq-section {



    padding: 62px 16px;



  }







  .section-head {



    margin-bottom: 32px;



  }







  .card {



    padding: 24px;



    border-radius: var(--radius-md);



  }







  .careers-box,



  .cta-box {



    padding: 34px 20px;



  }







  .faq-question {



    padding: 20px;



    font-size: .96rem;



  }







  .faq-answer {



    padding: 0 20px 20px;



  }







  .site-footer {



    padding: 58px 16px 28px;



  }







  .footer-grid {



    gap: 32px;



  }



}







@media (max-width: 480px) {



  .hero-floating-card {



    left: 16px;



    right: 16px;



    padding: 15px;



  }







  .hero-floating-card strong {



    font-size: .86rem;



  }



}







@media (max-width: 768px) {



  .form-grid {



    grid-template-columns: 1fr;



  }



}