/* Mobile Home composition only.
   The public header, page background, sign-in, intake, client portal, and
   desktop layouts intentionally remain owned by their existing stylesheets. */
@media (max-width: 760px) {
  body[data-page="home"][data-page] main {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: min(calc(100% - 20px), 720px) !important;
    max-width: 720px !important;
    margin: 22px auto 40px !important;
    padding: 5px 0 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(198, 161, 95, 0.38) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow:
      0 18px 38px rgba(21, 48, 71, 0.105),
      inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
  }

  body[data-page="home"][data-page] main::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto !important;
    z-index: 3 !important;
    display: block !important;
    height: 5px !important;
    background: linear-gradient(90deg, #14354a 0%, #0a6b68 58%, #c6a15f 100%) !important;
    pointer-events: none !important;
  }

  body[data-page="home"][data-page] :is(
    section#home.hero,
    .feature-band.client-stage-paths,
    .trust-panel,
    .section,
    .coverage,
    .upload-section,
    .portal-feature,
    .process,
    .resources.resource-teaser,
    .contact
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 20px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #14354a !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body[data-page="home"][data-page] main > section + section {
    border-top: 1px solid rgba(21, 48, 71, 0.11) !important;
  }

  body[data-page="home"][data-page] main > section::before,
  body[data-page="home"][data-page] main > section::after {
    display: none !important;
  }

  /* Keep the unified Home surface from inheriting the older per-section
     accent marks while preserving one centered heading rhythm. */
  body[data-page="home"][data-page] main :is(
    .section-heading,
    .coverage > div:first-child,
    .upload-intro,
    .portal-feature > div:first-child,
    .contact > div:first-child,
    .trust-panel > div:first-child
  )::before {
    content: none !important;
    display: none !important;
  }

  body[data-page="home"][data-page] main :is(
    .section-heading,
    .coverage > div:first-child,
    .upload-intro,
    .portal-feature > div:first-child,
    .contact > div:first-child,
    .trust-panel > div:first-child
  ) {
    text-align: center !important;
  }

  body[data-page="home"][data-page] main #resources .section-heading {
    justify-items: center !important;
    text-align: center !important;
  }

  body[data-page="home"][data-page] main #resources .section-heading :is(h2, p, .eyebrow) {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  body[data-page="home"][data-page] main :is(
    .section-heading,
    .coverage > div:first-child,
    .upload-intro,
    .portal-feature > div:first-child,
    .contact > div:first-child,
    .trust-panel > div:first-child
  ) :is(h2, p, .eyebrow) {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  body[data-page="home"][data-page] main #client-app .eyebrow {
    color: #a47b3d !important;
  }

  body[data-page="home"][data-page] main #upload.upload-section .upload-intro,
  body[data-page="home"][data-page] main #upload.upload-section .upload-intro :is(h2, p, .eyebrow) {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  body[data-page="home"][data-page] main :is(h1, h2, h3, p) {
    max-width: 100% !important;
    letter-spacing: 0 !important;
  }

  body[data-page="home"][data-page] main .eyebrow {
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #a47b3d !important;
    background: transparent !important;
    font-size: 0.69rem !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-transform: uppercase !important;
  }

  body[data-page="home"][data-page] main :is(.section-heading h2, .trust-panel h2, .coverage h2, .upload-section h2, .portal-feature h2, .resources h2, .contact h2) {
    margin: 0 !important;
    color: #14354a !important;
    font-size: clamp(1.52rem, 7.1vw, 1.82rem) !important;
    font-weight: 900 !important;
    line-height: 1.09 !important;
    text-wrap: balance !important;
  }

  body[data-page="home"][data-page] main :is(.section-heading, .upload-intro, .portal-feature > div:first-child, #contact > div) > p:not(.eyebrow),
  body[data-page="home"][data-page] .coverage > div > p:last-child {
    margin: 9px 0 0 !important;
    color: #5f6d7b !important;
    font-size: 0.89rem !important;
    line-height: 1.48 !important;
  }

  /* Opening statement: hierarchy without another card inside the Home frame. */
  body[data-page="home"][data-page] section#home.hero {
    padding: 0 !important;
  }

  body[data-page="home"][data-page] section#home.hero .hero-copy {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 30px 20px 27px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #14354a !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  body[data-page="home"][data-page] section#home.hero :is(.motion-graphic, .hero-panel, .hero-actions) {
    display: none !important;
  }

  body[data-page="home"][data-page] section#home.hero .hero-statement {
    display: grid !important;
    width: 100% !important;
    max-width: 620px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  body[data-page="home"][data-page] section#home.hero .hero-statement .eyebrow {
    margin: 0 !important;
    text-align: center !important;
  }

  body[data-page="home"][data-page] section#home.hero .hero-statement h1 {
    max-width: 360px !important;
    margin: 0 auto !important;
    color: #14354a !important;
    font-size: clamp(2rem, 9.8vw, 2.38rem) !important;
    font-weight: 950 !important;
    line-height: 1.03 !important;
    text-align: center !important;
    text-wrap: balance !important;
  }

  body[data-page="home"][data-page] section#home.hero .hero-statement .lead {
    max-width: 360px !important;
    margin: 0 auto !important;
    color: #5f6d7b !important;
    font-size: 0.93rem !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }

  /* New, active, and returning routes stay immediately under the statement. */
  body[data-page="home"][data-page] .feature-band.client-stage-paths {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 16px !important;
  }

  body[data-page="home"][data-page] .feature-band.client-stage-paths .client-stage-path {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) 16px !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    -webkit-tap-highlight-color: transparent !important;
    border: 1px solid rgba(205, 171, 106, 0.52) !important;
    border-radius: 13px !important;
    color: #14354a !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(205, 171, 106, 0.12), transparent 38%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 250, 249, 0.96)) !important;
    box-shadow:
      0 10px 22px rgba(16, 40, 58, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    text-align: left !important;
    text-decoration: none !important;
    transform: none !important;
  }

  body[data-page="home"][data-page] .feature-band.client-stage-paths .client-stage-path:last-child {
    border-bottom-color: rgba(205, 171, 106, 0.72) !important;
  }

  body[data-page="home"][data-page] .feature-band.client-stage-paths .client-stage-path:is(:hover, :focus-visible, :active) {
    border-color: rgba(225, 194, 132, 0.84) !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(205, 171, 106, 0.17), transparent 40%),
      linear-gradient(180deg, #ffffff, #f1f8f7) !important;
    box-shadow:
      0 13px 26px rgba(16, 40, 58, 0.11),
      inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
    outline: none !important;
  }

  body[data-page="home"][data-page] .feature-band.client-stage-paths .stage-index {
    position: relative !important;
    display: flex !important;
    flex: 0 0 38px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(198, 161, 95, 0.58) !important;
    border-radius: 50% !important;
    color: #987039 !important;
    background: rgba(255, 252, 246, 0.92) !important;
    font-size: 0.67rem !important;
    font-weight: 900 !important;
    font-variant-numeric: tabular-nums !important;
    line-height: 1 !important;
    text-align: center !important;
    text-indent: 0 !important;
  }

  body[data-page="home"][data-page] .feature-band.client-stage-paths .stage-number {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
    line-height: 1 !important;
    text-align: center !important;
    text-indent: 0 !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1 !important;
    transform: translate3d(0, 2px, 0) !important;
  }

  body[data-page="home"][data-page] .process .process-number {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
    font-size: 0.72rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-indent: 0 !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1 !important;
    transform: translate3d(0, 1px, 0) !important;
  }

  /* Safari and installed iOS web views place the numeral line box lower than
     Chromium. Remove the browser-only optical offsets on WebKit so both sets
     of numbered circles remain visually centered. */
  @supports (-webkit-touch-callout: none) {
    body[data-page="home"][data-page] .feature-band.client-stage-paths .stage-number,
    body[data-page="home"][data-page] .process .process-number {
      transform: none !important;
    }
  }

  body[data-page="home"][data-page] .feature-band.client-stage-paths .stage-copy {
    display: grid !important;
    min-width: 0 !important;
    gap: 3px !important;
  }

  body[data-page="home"][data-page] .feature-band.client-stage-paths .stage-copy small {
    color: #667482 !important;
    font-size: 0.62rem !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
  }

  body[data-page="home"][data-page] .feature-band.client-stage-paths .stage-copy strong {
    color: #14354a !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
  }

  body[data-page="home"][data-page] .feature-band.client-stage-paths .stage-arrow {
    width: 9px !important;
    height: 9px !important;
    justify-self: center !important;
    border: 0 !important;
    border-top: 2px solid #0a6b68 !important;
    border-right: 2px solid #0a6b68 !important;
    background: transparent !important;
    transform: rotate(45deg) !important;
  }

  body[data-page="home"][data-page] .feature-band.client-stage-paths .client-stage-path:is(:first-child, :last-child) {
    border-color: rgba(205, 171, 106, 0.88) !important;
    color: #ffffff !important;
    background-color: #0b5558 !important;
    background-image:
      radial-gradient(circle at 50% -40%, rgba(205, 171, 106, 0.22), transparent 58%),
      linear-gradient(135deg, #14354a 0%, #0b5558 58%, #0a6b68 100%) !important;
    box-shadow:
      0 14px 28px rgba(16, 40, 58, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    text-shadow: 0 1px 2px rgba(7, 35, 45, 0.22) !important;
  }

  body[data-page="home"][data-page] .feature-band.client-stage-paths .client-stage-path:is(:first-child, :last-child) .stage-index {
    box-sizing: border-box !important;
    border: 2px solid #e1c284 !important;
    color: #f4d58d !important;
    background: rgba(255, 255, 255, 0.08) !important;
  }

  body[data-page="home"][data-page] .feature-band.client-stage-paths .client-stage-path:is(:first-child, :last-child) .stage-number {
    color: #f4d58d !important;
    text-shadow: none !important;
  }

  body[data-page="home"][data-page] .feature-band.client-stage-paths .client-stage-path:is(:first-child, :last-child) .stage-copy small {
    color: rgba(255, 255, 255, 0.74) !important;
  }

  body[data-page="home"][data-page] .feature-band.client-stage-paths .client-stage-path:is(:first-child, :last-child) .stage-copy strong {
    color: #ffffff !important;
  }

  body[data-page="home"][data-page] .feature-band.client-stage-paths .client-stage-path:is(:first-child, :last-child) .stage-arrow {
    border-top-color: #ffffff !important;
    border-right-color: #ffffff !important;
  }

  body[data-page="home"][data-page] .feature-band.client-stage-paths .client-stage-path:is(:first-child, :last-child):is(:hover, :focus-visible, :active) {
    border-color: rgba(225, 194, 132, 0.88) !important;
    background-image:
      radial-gradient(circle at 50% -40%, rgba(225, 194, 132, 0.28), transparent 58%),
      linear-gradient(135deg, #173d55 0%, #0b6263 56%, #087875 100%) !important;
    box-shadow:
      0 16px 30px rgba(16, 40, 58, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    transform: none !important;
  }

  /* Repeated information is presented as scan-friendly rows, not nested cards. */
  body[data-page="home"][data-page] :is(.trust-grid, .service-grid) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    margin: 16px 0 0 !important;
    border-top: 1px solid rgba(21, 48, 71, 0.11) !important;
  }

  body[data-page="home"][data-page] :is(.trust-grid, .service-grid) article {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 14px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(21, 48, 71, 0.09) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body[data-page="home"][data-page] :is(.trust-grid, .service-grid) article:last-child {
    border-bottom: 0 !important;
  }

  body[data-page="home"][data-page] :is(.trust-grid, .service-grid) article::before,
  body[data-page="home"][data-page] :is(.trust-grid, .service-grid) article::after {
    display: none !important;
  }

  body[data-page="home"][data-page] :is(.trust-grid span, .service-grid h3) {
    margin: 0 !important;
    color: #14354a !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
  }

  body[data-page="home"][data-page] :is(.trust-grid p, .service-grid p) {
    margin: 5px 0 0 !important;
    color: #5f6d7b !important;
    font-size: 0.86rem !important;
    line-height: 1.45 !important;
  }

  body[data-page="home"][data-page] .coverage {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 15px !important;
  }

  body[data-page="home"][data-page] .coverage > div,
  body[data-page="home"][data-page] #upload .upload-intro,
  body[data-page="home"][data-page] #client-app.portal-feature > div:first-child,
  body[data-page="home"][data-page] #resources .section-heading,
  body[data-page="home"][data-page] #contact > div,
  body[data-page="home"][data-page] #contact .contact-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="home"][data-page] .state-picker {
    display: grid !important;
    width: 100% !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 14px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(21, 48, 71, 0.1) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="home"][data-page] .state-picker span {
    color: #14354a !important;
    font-size: 0.8rem !important;
    font-weight: 850 !important;
    text-align: left !important;
  }

  body[data-page="home"][data-page] .state-picker select {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 11px 46px 11px 15px !important;
    border: 1px solid rgba(205, 171, 106, 0.54) !important;
    border-radius: 13px !important;
    color: #14354a !important;
    background-color: #ffffff !important;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230a6b68' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),
      radial-gradient(circle at 100% 0%, rgba(205, 171, 106, 0.12), transparent 34%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 251, 250, 0.98)) !important;
    background-position:
      calc(100% - 15px) 50%,
      0 0,
      0 0 !important;
    background-size:
      18px 18px,
      100% 100%,
      100% 100% !important;
    background-repeat: no-repeat !important;
    box-shadow:
      0 9px 20px rgba(16, 40, 58, 0.065),
      inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    font-size: 0.94rem !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-align-last: left !important;
    cursor: pointer !important;
  }

  body[data-page="home"][data-page] .state-picker select:is(:hover, :focus-visible) {
    border-color: rgba(205, 171, 106, 0.84) !important;
    box-shadow:
      0 0 0 4px rgba(185, 145, 84, 0.14),
      0 12px 26px rgba(16, 40, 58, 0.09),
      inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
    outline: none !important;
  }

  body[data-page="home"][data-page] .state-picker select option {
    color: #14354a !important;
    background: #ffffff !important;
    font-weight: 700 !important;
  }

  body[data-page="home"][data-page] #upload.upload-section,
  body[data-page="home"][data-page] #client-app.portal-feature,
  body[data-page="home"][data-page] #contact.contact {
    display: block !important;
  }

  body[data-page="home"][data-page] #upload .upload-intro ul,
  body[data-page="home"][data-page] #upload .upload-form,
  body[data-page="home"][data-page] #client-app .portal-device {
    display: none !important;
  }

  body[data-page="home"][data-page] :is(
    #upload .public-upload-portal-link,
    #resources .primary-link,
    #contact .contact-card > .primary-link
  ) {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 16px 0 0 !important;
    padding: 11px 14px !important;
    -webkit-tap-highlight-color: transparent !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(205, 171, 106, 0.72) !important;
    border-radius: 13px !important;
    color: #ffffff !important;
    background-color: #0b5558 !important;
    background-image:
      radial-gradient(circle at 50% -40%, rgba(205, 171, 106, 0.22), transparent 58%),
      linear-gradient(135deg, #14354a 0%, #0b5558 58%, #0a6b68 100%) !important;
    box-shadow:
      0 14px 28px rgba(16, 40, 58, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    font-size: 0.88rem !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(7, 35, 45, 0.22) !important;
    transform: none !important;
  }

  body[data-page="home"][data-page] :is(
    #upload .public-upload-portal-link,
    #resources .primary-link,
    #contact .contact-card > .primary-link
  ):is(:hover, :focus-visible) {
    border-color: rgba(225, 194, 132, 0.86) !important;
    color: #ffffff !important;
    background-image:
      radial-gradient(circle at 50% -40%, rgba(225, 194, 132, 0.28), transparent 58%),
      linear-gradient(135deg, #173d55 0%, #0b6263 56%, #087875 100%) !important;
    box-shadow:
      0 16px 30px rgba(16, 40, 58, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    outline: none !important;
    transform: none !important;
  }

  body[data-page="home"][data-page] :is(
    #upload .public-upload-portal-link,
    #resources .primary-link,
    #contact .contact-card > .primary-link
  ):active {
    box-shadow:
      0 9px 18px rgba(16, 40, 58, 0.15),
      inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    transform: none !important;
  }

  body[data-page="home"][data-page] #client-app .portal-feature-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 16px 0 0 !important;
  }

  body[data-page="home"][data-page] #client-app .portal-feature-actions a {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 10px 12px !important;
    -webkit-tap-highlight-color: transparent !important;
    border: 1px solid rgba(205, 171, 106, 0.52) !important;
    border-radius: 13px !important;
    color: #14354a !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(205, 171, 106, 0.12), transparent 38%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 250, 249, 0.96)) !important;
    box-shadow:
      0 10px 22px rgba(16, 40, 58, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    font-size: 0.86rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    transform: none !important;
  }

  body[data-page="home"][data-page] #client-app .portal-feature-actions a:first-child:is(:hover, :focus-visible) {
    border-color: rgba(205, 171, 106, 0.82) !important;
    color: #0a6b68 !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(205, 171, 106, 0.17), transparent 40%),
      linear-gradient(180deg, #ffffff, #f1f8f7) !important;
    box-shadow:
      0 13px 26px rgba(16, 40, 58, 0.11),
      inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
    outline: none !important;
    transform: none !important;
  }

  body[data-page="home"][data-page] #client-app .portal-feature-actions a:last-child {
    border-color: rgba(205, 171, 106, 0.72) !important;
    color: #ffffff !important;
    background-color: #0b5558 !important;
    background-image:
      radial-gradient(circle at 50% -40%, rgba(205, 171, 106, 0.22), transparent 58%),
      linear-gradient(135deg, #14354a 0%, #0b5558 58%, #0a6b68 100%) !important;
    box-shadow:
      0 14px 28px rgba(16, 40, 58, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    text-shadow: 0 1px 2px rgba(7, 35, 45, 0.22) !important;
  }

  body[data-page="home"][data-page] #client-app .portal-feature-actions a:last-child:is(:hover, :focus-visible) {
    border-color: rgba(225, 194, 132, 0.86) !important;
    color: #ffffff !important;
    background-image:
      radial-gradient(circle at 50% -40%, rgba(225, 194, 132, 0.28), transparent 58%),
      linear-gradient(135deg, #173d55 0%, #0b6263 56%, #087875 100%) !important;
    box-shadow:
      0 16px 30px rgba(16, 40, 58, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    outline: none !important;
    transform: none !important;
  }

  body[data-page="home"][data-page] .process {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }

  body[data-page="home"][data-page] .process article {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 14px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(21, 48, 71, 0.09) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="home"][data-page] .process article:last-child {
    border-bottom: 0 !important;
  }

  body[data-page="home"][data-page] .process article::before,
  body[data-page="home"][data-page] .process article::after {
    display: none !important;
  }

  body[data-page="home"][data-page] .process article > span {
    grid-row: 1 / 3 !important;
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    position: relative !important;
    align-self: start !important;
    border: 1px solid rgba(198, 161, 95, 0.56) !important;
    border-radius: 50% !important;
    color: #987039 !important;
    background: rgba(255, 252, 246, 0.92) !important;
    font-size: 0.72rem !important;
    font-weight: 900 !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1 !important;
    line-height: 1 !important;
  }

  body[data-page="home"][data-page] .process h3 {
    margin: 0 !important;
    color: #14354a !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
  }

  body[data-page="home"][data-page] .process p {
    margin: 4px 0 0 !important;
    color: #5f6d7b !important;
    font-size: 0.86rem !important;
    line-height: 1.42 !important;
  }

  body[data-page="home"][data-page] #contact .contact-card {
    display: grid !important;
    gap: 0 !important;
    margin-top: 14px !important;
    padding-top: 8px !important;
    border-top: 1px solid rgba(21, 48, 71, 0.1) !important;
  }

  body[data-page="home"][data-page] #contact .contact-card p {
    display: grid !important;
    grid-template-columns: 50px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    border-bottom: 1px solid rgba(21, 48, 71, 0.08) !important;
    color: #5f6d7b !important;
    font-size: 0.82rem !important;
    line-height: 1.35 !important;
  }

  body[data-page="home"][data-page] #contact .contact-card p :is(a, span) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0 !important;
    color: #0a6b68 !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }
}

/* Mobile home release: desktop-inspired app icons and a structured resource index. */
@media (max-width: 760px) {
  body.is-mobile-app-shell[data-page="home"] #client-app .portal-capabilities {
    border-top: 2px solid #cda968 !important;
    border-bottom: 1px solid rgba(20, 53, 74, 0.13) !important;
  }

  body.is-mobile-app-shell[data-page="home"] #client-app .portal-capabilities li {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 66px !important;
    padding: 12px 2px !important;
  }

  body.is-mobile-app-shell[data-page="home"] #client-app .portal-capability-icon {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    height: 36px !important;
    color: #8b6c32 !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  body.is-mobile-app-shell[data-page="home"] #client-app .portal-capability-icon::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
  }

  body.is-mobile-app-shell[data-page="home"] #client-app .portal-capability-icon.icon-upload::before {
    -webkit-mask-image: url("assets/lucide-cloud-upload.svg");
    mask-image: url("assets/lucide-cloud-upload.svg");
  }

  body.is-mobile-app-shell[data-page="home"] #client-app .portal-capability-icon.icon-review::before {
    -webkit-mask-image: url("assets/lucide-file-check-2.svg");
    mask-image: url("assets/lucide-file-check-2.svg");
  }

  body.is-mobile-app-shell[data-page="home"] #client-app .portal-capability-icon.icon-payment::before {
    -webkit-mask-image: url("assets/lucide-credit-card.svg");
    mask-image: url("assets/lucide-credit-card.svg");
  }

  body.is-mobile-app-shell[data-page="home"] #client-app .portal-capability-icon.icon-vault::before {
    -webkit-mask-image: url("assets/lucide-archive.svg");
    mask-image: url("assets/lucide-archive.svg");
  }

  body.is-mobile-app-shell[data-page="home"] #resources.resource-teaser .home-resource-preview {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    margin: 22px 0 20px !important;
    padding: 0 !important;
    overflow: hidden;
    text-align: left;
    border-top: 2px solid #cda968;
    border-bottom: 1px solid rgba(20, 53, 74, 0.13);
  }

  body.is-mobile-app-shell[data-page="home"] #resources.resource-teaser .home-resource-preview a {
    position: relative;
    display: grid !important;
    align-content: center;
    gap: 4px;
    min-width: 0;
    min-height: 84px;
    margin: 0 !important;
    padding: 13px 30px 13px 14px !important;
    color: #14354a !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: left !important;
    text-decoration: none !important;
  }

  body.is-mobile-app-shell[data-page="home"] #resources.resource-teaser .home-resource-preview a:nth-child(odd) {
    border-right: 1px solid rgba(20, 53, 74, 0.11) !important;
  }

  body.is-mobile-app-shell[data-page="home"] #resources.resource-teaser .home-resource-preview a:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(20, 53, 74, 0.11) !important;
  }

  body.is-mobile-app-shell[data-page="home"] #resources.resource-teaser .home-resource-preview a::after {
    content: "\203A";
    position: absolute;
    top: 50%;
    right: 12px;
    color: #0a6867;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    transform: translateY(-52%);
  }

  body.is-mobile-app-shell[data-page="home"] #resources.resource-teaser .home-resource-preview span {
    color: #8b6c32 !important;
    font-size: 0.64rem !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
  }

  body.is-mobile-app-shell[data-page="home"] #resources.resource-teaser .home-resource-preview strong {
    min-width: 0;
    color: #14354a !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere;
  }

  body.is-mobile-app-shell[data-page="home"] #resources.resource-teaser .home-resource-preview a:is(:hover, :focus-visible, :active) {
    color: #0a5557 !important;
    background: rgba(205, 169, 104, 0.1) !important;
    outline: none;
  }
}

@media (max-width: 380px) {
  body.is-mobile-app-shell[data-page="home"] #resources.resource-teaser .home-resource-preview {
    grid-template-columns: minmax(0, 1fr);
  }

  body.is-mobile-app-shell[data-page="home"] #resources.resource-teaser .home-resource-preview a,
  body.is-mobile-app-shell[data-page="home"] #resources.resource-teaser .home-resource-preview a:nth-child(odd),
  body.is-mobile-app-shell[data-page="home"] #resources.resource-teaser .home-resource-preview a:nth-child(-n + 2) {
    min-height: 68px;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(20, 53, 74, 0.11) !important;
  }

  body.is-mobile-app-shell[data-page="home"] #resources.resource-teaser .home-resource-preview a:last-child {
    border-bottom: 0 !important;
  }
}

@media (max-width: 360px) {
  body[data-page="home"][data-page] main {
    width: calc(100% - 16px) !important;
  }

  body[data-page="home"][data-page] :is(
    .trust-panel,
    .section,
    .coverage,
    .upload-section,
    .portal-feature,
    .process,
    .resources.resource-teaser,
    .contact
  ) {
    padding-right: 17px !important;
    padding-left: 17px !important;
  }

  body[data-page="home"][data-page] section#home.hero .hero-copy {
    padding-right: 17px !important;
    padding-left: 17px !important;
  }

  body[data-page="home"][data-page] section#home.hero .hero-statement h1 {
    font-size: 1.96rem !important;
  }

  body[data-page="home"][data-page] #client-app .portal-feature-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* The native select remains available as the desktop and no-script fallback.
   Mobile uses the same underlying value through a styled, scroll-contained
   listbox so the opened state can match the approved portal controls. */
.home-state-select {
  display: none;
}

@media (max-width: 760px) {
  body[data-page="home"][data-page]
    .state-picker.has-home-state-select
    .state-field
    > select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    border: 0 !important;
    white-space: nowrap !important;
  }

  body[data-page="home"][data-page] .home-state-select {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page="home"][data-page] .home-state-trigger {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 18px !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 11px 15px !important;
    border: 1px solid rgba(205, 171, 106, 0.58) !important;
    border-radius: 13px !important;
    color: #14354a !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(205, 171, 106, 0.12), transparent 34%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.995), rgba(247, 251, 250, 0.98)) !important;
    box-shadow:
      0 9px 20px rgba(16, 40, 58, 0.07),
      inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
    font: inherit !important;
    font-size: 0.94rem !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    cursor: pointer !important;
    transform: none !important;
  }

  body[data-page="home"][data-page] .home-state-trigger > span {
    min-width: 0 !important;
    overflow: hidden !important;
    color: inherit !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-page="home"][data-page] .home-state-trigger > strong {
    width: 9px !important;
    height: 9px !important;
    justify-self: center !important;
    border: 0 !important;
    border-right: 2px solid #0a6b68 !important;
    border-bottom: 2px solid #0a6b68 !important;
    background: transparent !important;
    transform: translateY(-2px) rotate(45deg) !important;
    transform-origin: center !important;
    transition: transform 150ms ease !important;
  }

  body[data-page="home"][data-page] .home-state-trigger:is(:hover, :focus-visible),
  body[data-page="home"][data-page] .home-state-select.is-open .home-state-trigger {
    border-color: rgba(205, 171, 106, 0.86) !important;
    box-shadow:
      0 0 0 4px rgba(185, 145, 84, 0.14),
      0 12px 26px rgba(16, 40, 58, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
    outline: none !important;
    transform: none !important;
  }

  body[data-page="home"][data-page] .home-state-select.is-open .home-state-trigger > strong {
    transform: translateY(2px) rotate(225deg) !important;
  }

  body[data-page="home"][data-page] .home-state-menu {
    display: grid !important;
    width: 100% !important;
    max-height: min(42vh, 330px) !important;
    margin: 9px 0 0 !important;
    padding: 7px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border: 1px solid rgba(205, 171, 106, 0.5) !important;
    border-radius: 14px !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(205, 171, 106, 0.1), transparent 34%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.995), rgba(244, 249, 248, 0.99)) !important;
    box-shadow:
      0 18px 36px rgba(16, 40, 58, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(10, 107, 104, 0.68) rgba(20, 53, 74, 0.055) !important;
  }

  body[data-page="home"][data-page] .home-state-menu[hidden] {
    display: none !important;
  }

  body[data-page="home"][data-page] .home-state-menu::-webkit-scrollbar {
    width: 7px !important;
  }

  body[data-page="home"][data-page] .home-state-menu::-webkit-scrollbar-track {
    border-radius: 999px !important;
    background: rgba(20, 53, 74, 0.055) !important;
  }

  body[data-page="home"][data-page] .home-state-menu::-webkit-scrollbar-thumb {
    border: 1px solid rgba(255, 255, 255, 0.74) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #0a6b68, #b99154) !important;
  }

  body[data-page="home"][data-page] .home-state-option {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 18px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 9px 13px !important;
    border: 1px solid transparent !important;
    border-bottom-color: rgba(21, 48, 71, 0.08) !important;
    border-radius: 0 !important;
    color: #14354a !important;
    background: transparent !important;
    box-shadow: none !important;
    font: inherit !important;
    font-size: 0.87rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    cursor: pointer !important;
    transform: none !important;
  }

  body[data-page="home"][data-page] .home-state-option:last-child {
    border-bottom-color: transparent !important;
  }

  body[data-page="home"][data-page] .home-state-option::after {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 4px !important;
    justify-self: center !important;
    border-left: 2px solid transparent !important;
    border-bottom: 2px solid transparent !important;
    transform: translateY(-1px) rotate(-45deg) !important;
  }

  body[data-page="home"][data-page] .home-state-option:is(:hover, :focus-visible) {
    border-color: rgba(205, 171, 106, 0.42) !important;
    border-radius: 9px !important;
    color: #0a6b68 !important;
    background: rgba(255, 255, 255, 0.92) !important;
    outline: none !important;
  }

  body[data-page="home"][data-page] .home-state-option[aria-selected="true"] {
    border-color: rgba(205, 171, 106, 0.78) !important;
    border-radius: 9px !important;
    color: #ffffff !important;
    background:
      radial-gradient(circle at 50% -40%, rgba(205, 171, 106, 0.22), transparent 58%),
      linear-gradient(135deg, #14354a 0%, #0b5558 58%, #0a6b68 100%) !important;
    box-shadow:
      0 9px 18px rgba(16, 40, 58, 0.13),
      inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  }

  body[data-page="home"][data-page] .home-state-option[aria-selected="true"]::after {
    border-left-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
  }

  body[data-page="home"][data-page] .home-state-option[aria-selected="true"]:is(:hover, :focus-visible) {
    color: #ffffff !important;
  }
}

@media (max-width: 760px) {
  body[data-page="home"][data-page] .client-stage-paths .stage-copy {
    gap: 2px !important;
  }

  body[data-page="home"][data-page] .client-stage-paths .stage-meta {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  body[data-page="home"][data-page] .client-stage-paths .stage-outcome {
    display: block !important;
    margin-top: 2px !important;
    color: #6d7881 !important;
    font-size: 0.68rem !important;
    font-weight: 680 !important;
    line-height: 1.3 !important;
  }

  body[data-page="home"][data-page]
    .client-stage-paths
    .client-stage-path:is(:first-child, :last-child)
    .stage-outcome {
    color: rgba(255, 255, 255, 0.7) !important;
  }

  body[data-page="home"][data-page] .client-stage-paths .stage-status {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 18px !important;
    padding: 2px 6px !important;
    border: 1px solid rgba(185, 145, 84, 0.42) !important;
    border-radius: 999px !important;
    color: #8b6c32 !important;
    background: rgba(185, 145, 84, 0.08) !important;
    font-size: 0.54rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body[data-page="home"][data-page]
    .client-stage-paths
    .client-stage-path:last-child
    .stage-status {
    color: #f4d58d !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(244, 213, 141, 0.34) !important;
  }

  body[data-page="home"][data-page] .client-stage-paths .stage-status[hidden] {
    display: none !important;
  }

  body[data-page="home"][data-page] .state-field {
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  body[data-page="home"][data-page] .state-picker .state-field-note {
    margin-bottom: 3px !important;
    color: #6b7780 !important;
    font-size: 0.72rem !important;
    font-weight: 680 !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  body[data-page="home"][data-page] .state-next-step {
    display: grid !important;
    gap: 12px !important;
    margin-top: 16px !important;
    padding-top: 15px !important;
    border-top: 1px solid rgba(185, 145, 84, 0.24) !important;
  }

  body[data-page="home"][data-page] #stateNextStepTitle {
    margin: 0 !important;
    color: #8b6c32 !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
  }

  body[data-page="home"][data-page] .state-current {
    display: grid !important;
    gap: 5px !important;
  }

  body[data-page="home"][data-page] .state-current strong {
    color: #14354a !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 1.18rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
  }

  body[data-page="home"][data-page] .state-current p {
    margin: 0 !important;
    color: #687680 !important;
    font-size: 0.75rem !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
  }

  body[data-page="home"][data-page]
    .state-next-step.has-state
    .state-current
    strong {
    color: #0a6b68 !important;
  }

  body[data-page="home"][data-page]
    .state-next-step.has-multiple-states
    .state-current
    strong {
    color: #8b6c32 !important;
  }

  body[data-page="home"][data-page] .state-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body[data-page="home"][data-page] .state-actions a {
    display: grid !important;
    place-items: center !important;
    min-height: 44px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(185, 145, 84, 0.52) !important;
    border-radius: 10px !important;
    color: #14354a !important;
    background: #ffffff !important;
    font-size: 0.75rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  body[data-page="home"][data-page] .state-actions a:first-child {
    color: #ffffff !important;
    background:
      radial-gradient(circle at 50% -40%, rgba(205, 171, 106, 0.22), transparent 58%),
      linear-gradient(135deg, #14354a 0%, #0b5558 58%, #0a6b68 100%) !important;
  }

  body[data-page="home"][data-page] .state-actions .state-portal-action {
    grid-column: 1 / -1 !important;
    color: #0a6b68 !important;
    background: transparent !important;
    border-color: transparent !important;
  }

  body[data-page="home"][data-page] .state-actions a.is-disabled {
    color: #7d888e !important;
    background: #f0f2ef !important;
    border-color: rgba(20, 53, 74, 0.12) !important;
    box-shadow: none !important;
    opacity: 0.62 !important;
  }

  body[data-page="home"][data-page] #client-app .portal-capabilities {
    display: grid !important;
    width: 100% !important;
    margin: 17px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border-top: 2px solid #b99154 !important;
    border-bottom: 1px solid rgba(20, 53, 74, 0.12) !important;
  }

  body[data-page="home"][data-page] #client-app .portal-capabilities li {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 11px !important;
    min-height: 52px !important;
    padding: 9px 2px !important;
    border-bottom: 1px solid rgba(20, 53, 74, 0.1) !important;
  }

  body[data-page="home"][data-page]
    #client-app
    .portal-capabilities
    li:last-child {
    border-bottom: 0 !important;
  }

  body[data-page="home"][data-page]
    #client-app
    .portal-capabilities
    li
    > span {
    display: grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    border: 1px solid rgba(185, 145, 84, 0.58) !important;
    border-radius: 50% !important;
    color: #8b6c32 !important;
    font-size: 0.56rem !important;
    font-weight: 900 !important;
  }

  body[data-page="home"][data-page] #client-app .portal-capabilities strong {
    color: #14354a !important;
    font-size: 0.8rem !important;
    font-weight: 850 !important;
    line-height: 1.35 !important;
  }

  body[data-page="home"][data-page]
    #client-app
    .portal-feature-actions
    a:first-child {
    border-color: rgba(205, 171, 106, 0.72) !important;
    color: #ffffff !important;
    background:
      radial-gradient(circle at 50% -40%, rgba(205, 171, 106, 0.22), transparent 58%),
      linear-gradient(135deg, #14354a 0%, #0b5558 58%, #0a6b68 100%) !important;
    box-shadow:
      0 14px 28px rgba(16, 40, 58, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    text-shadow: 0 1px 2px rgba(7, 35, 45, 0.22) !important;
  }

  body[data-page="home"][data-page]
    #client-app
    .portal-feature-actions
    a:last-child {
    border-color: rgba(205, 171, 106, 0.52) !important;
    color: #14354a !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(205, 171, 106, 0.12), transparent 38%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 250, 249, 0.96)) !important;
    box-shadow:
      0 10px 22px rgba(16, 40, 58, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    text-shadow: none !important;
  }
}

@media (max-width: 760px) {
  body.is-mobile-app-shell[data-page="home"][data-page]
    #client-app
    .portal-capabilities
    li {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 66px !important;
    padding: 12px 2px !important;
  }

  body.is-mobile-app-shell[data-page="home"][data-page]
    #client-app
    .portal-capabilities
    li
    > .portal-capability-icon {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    height: 36px !important;
    color: #8b6c32 !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
}