body { margin: 0; overflow-x: clip; font-family: 'Plus Jakarta Sans', sans-serif; -webkit-font-smoothing: antialiased; }
    a { color: #146EB4; text-decoration: none; }
    a:hover { color: #0d5488; }
    html { scroll-behavior: smooth; }
    * { box-sizing: border-box; }
    .mobile-only { display: none !important; }
    .desktop-only { display: inherit; }
    .mobile-menu-panel { display: none; }
    .mobile-flow-arrow { transform: none; }
    @media (max-width: 820px) {
      .desktop-only { display: none !important; }
      .mobile-only { display: flex !important; }
      .header-shell { padding: 14px 20px !important; gap: 16px !important; }
      .hero-shell { min-height: auto !important; }
      .hero-inner { padding: 96px 20px 72px !important; }
      .hero-copy { max-width: 100% !important; }
      .hero-label { font-size: 11px !important; margin-bottom: 14px !important; }
      .hero-title { font-size: 38px !important; line-height: 1.08 !important; margin-bottom: 18px !important; }
      .hero-text { font-size: 16px !important; max-width: 100% !important; margin-bottom: 28px !important; }
      .mobile-menu-panel {
        display: block;
        padding: 0 20px 18px;
        border-top: 1px solid #E7ECF1;
        background: rgba(255,255,255,0.98);
      }
      .mobile-menu-panel a, .mobile-menu-panel button {
        font-size: 15px !important;
      }
      .stack-mobile {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
      }
      .section-pad-mobile {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
      }
      .cards-vertical-mobile {
        grid-template-columns: 1fr !important;
      }
      .full-card-mobile > * {
        width: 100% !important;
      }
      .service-detail-mobile {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
      }
      .service-detail-mobile .detail-text,
      .service-detail-mobile .detail-image,
      .service-detail-mobile .detail-cta {
        order: initial !important;
      }
      .service-detail-mobile .detail-text {
        order: 1 !important;
      }
      .service-detail-mobile .detail-image {
        order: 2 !important;
      }
      .service-detail-mobile .detail-cta {
        order: 3 !important;
        align-self: flex-start;
      }
      .text-list-mobile {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
      }
      .flow-mobile {
        flex-direction: column !important;
        gap: 10px !important;
      }
      .flow-mobile-item {
        flex-direction: column !important;
      }
      .mobile-flow-arrow {
        transform: rotate(90deg);
        margin: 0 !important;
        padding: 0 !important;
      }
      .about-mobile {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
      }
      .contact-form-mobile {
        grid-template-columns: 1fr !important;
        padding: 24px !important;
      }
      .contact-form-mobile .span-2-mobile {
        grid-column: span 1 !important;
      }
      .contact-form-mobile input,
      .contact-form-mobile select,
      .contact-form-mobile textarea {
        width: 100%;
        min-width: 0;
      }
      .contact-date-mobile {
        max-width: 100% !important;
      }
    }