/* Public mobile foundation. Portal and admin surfaces are intentionally out of scope. */
@media (max-width: 760px) {
  :root {
    --public-mobile-ink: #153047;
    --public-mobile-muted: #5f6f7d;
    --public-mobile-teal: #0a6b68;
    --public-mobile-gold: #c6a15f;
    --public-mobile-surface-radius: 18px;
    --public-mobile-action-radius: 12px;
  }

  html:has(> body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"])),
  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) {
    width: 100%;
    min-width: 0;
    min-height: 100%;
    margin: 0;
    overflow-x: clip;
    color: var(--public-mobile-ink);
    background:
      linear-gradient(145deg, transparent 0 69%, rgba(10, 107, 104, 0.035) 69% 100%),
      linear-gradient(180deg, #ffffff 0%, #fafbf8 44%, #f1f6f4 100%);
    background-attachment: scroll;
    scrollbar-width: thin;
    scrollbar-color: rgba(10, 107, 104, 0.78) transparent;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"])::before,
  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"])::after {
    content: "";
    position: fixed;
    z-index: 0;
    width: 210px;
    height: 210px;
    border: 1px solid rgba(198, 161, 95, 0.2);
    border-radius: 18px;
    pointer-events: none;
    opacity: 0.8;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.25), rgba(10, 107, 104, 0.025)),
      linear-gradient(45deg, rgba(198, 161, 95, 0.08), transparent 58%);
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"])::before {
    top: 235px;
    left: -92px;
    transform: rotate(18deg);
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"])::after {
    top: 660px;
    right: -96px;
    border-color: rgba(10, 107, 104, 0.16);
    transform: rotate(-18deg);
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) > * {
    position: relative;
    z-index: 1;
  }

  body:is([data-page="home"], [data-page="resources"]) :is(.ambient-canvas, .ambient-motion) {
    display: none;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"])::-webkit-scrollbar {
    width: 6px;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"])::-webkit-scrollbar-track {
    background: transparent;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"])::-webkit-scrollbar-thumb {
    border: 1px solid rgba(198, 161, 95, 0.72);
    border-radius: 999px;
    background: linear-gradient(180deg, #153047 0%, #0a6b68 72%, #c6a15f 100%);
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 19px 14px 12px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: linear-gradient(90deg, #153047 0%, #0a6b68 58%, #c6a15f 100%);
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(198, 161, 95, 0.9), rgba(10, 107, 104, 0.62));
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header .brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 11px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 4px 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--public-mobile-ink) !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header .brand-logo {
    width: 38px !important;
    height: 38px !important;
    object-fit: contain !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header .brand > span {
    display: grid !important;
    justify-items: start !important;
    gap: 2px !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header .brand strong {
    min-width: 0 !important;
    overflow-wrap: normal !important;
    color: var(--public-mobile-ink) !important;
    font-size: 0.98rem !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header .brand small {
    display: none !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header nav {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
    max-inline-size: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 3px 0 4px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
      linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.74), rgba(247, 251, 250, 0.7), transparent),
      radial-gradient(circle at 50% -90%, rgba(205, 171, 106, 0.18), transparent 70%) !important;
    box-shadow: none !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header nav a {
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 31px !important;
    padding: 0 9px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: var(--public-mobile-ink);
    background: transparent !important;
    box-shadow: none !important;
    font-size: 0.76rem !important;
    font-weight: 750;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    text-decoration: none;
    white-space: normal !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header nav a:is(
    [data-i18n="navHome"],
    [data-i18n="navResources"],
    [data-i18n="navInstallApp"],
    [data-i18n="navSupport"]
  ) {
    display: flex !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header nav a[aria-current="page"] {
    color: #0a6b68 !important;
    background: rgba(10, 107, 104, 0.055) !important;
    box-shadow: inset 0 -2px rgba(10, 107, 104, 0.42) !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header .language-control {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: min(100%, 300px) !important;
    max-width: 300px !important;
    max-inline-size: 100% !important;
    min-height: 66px !important;
    margin: 0 auto !important;
    padding: 7px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 18px !important;
    color: var(--public-mobile-ink);
    background:
      linear-gradient(90deg, transparent, rgba(251, 253, 252, 0.72), rgba(243, 249, 247, 0.62), transparent),
      radial-gradient(circle at 50% 0%, rgba(10, 107, 104, 0.09), transparent 72%) !important;
    box-shadow: none !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header .language-control span {
    color: var(--public-mobile-ink);
    font-size: 0.58rem !important;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header .language-control select {
    width: 206px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 34px 0 18px !important;
    border: 1px solid rgba(205, 171, 106, 0.48) !important;
    border-radius: 13px !important;
    color: var(--public-mobile-ink);
    appearance: none !important;
    background:
      linear-gradient(45deg, transparent 50%, #0a6b68 50%) no-repeat calc(100% - 18px) 50% / 6px 6px,
      linear-gradient(135deg, #0a6b68 50%, transparent 50%) no-repeat calc(100% - 13px) 50% / 6px 6px,
      linear-gradient(rgba(255, 255, 255, 0.98), rgba(245, 249, 248, 0.92)) no-repeat !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 8px 16px rgba(16, 40, 58, 0.05) !important;
    font-size: 0.78rem !important;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    text-align-last: center;
    text-transform: uppercase !important;
  }

  /* Unsigned app routes share the Sign In / Start Intake masthead. */
  body.is-mobile-app-shell:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 31px 14px 12px !important;
  }

  body.is-mobile-app-shell:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header > .brand {
    display: flex !important;
  }

  body.is-mobile-app-shell:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header .brand-logo {
    width: 46px !important;
    height: 46px !important;
    border-radius: 14px !important;
    box-shadow:
      0 12px 26px rgba(16, 40, 58, 0.16),
      0 0 0 1px rgba(198, 161, 95, 0.3),
      0 0 0 7px rgba(255, 255, 255, 0.52),
      inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
  }

  body.is-mobile-app-shell:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 40px !important;
    padding: 3px 0 4px !important;
  }

  body.is-mobile-app-shell:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header nav a {
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 31px !important;
    padding: 0 9px !important;
    font-size: 0.76rem !important;
    white-space: nowrap !important;
  }

  body.is-mobile-app-shell:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header .language-control {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: min(100%, 300px) !important;
    max-width: 300px !important;
    min-height: 66px !important;
    margin: -10px auto 0 !important;
    padding: 7px !important;
  }

  body.is-mobile-app-shell:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header .language-control::after {
    content: "" !important;
    position: absolute !important;
    top: 42px !important;
    right: calc((100% - 218px) / 2 + 18px) !important;
    width: 7px !important;
    height: 7px !important;
    border-right: 2px solid #0a6b68 !important;
    border-bottom: 2px solid #0a6b68 !important;
    pointer-events: none !important;
    transform: translateY(-50%) rotate(45deg) !important;
  }

  body.is-mobile-app-shell:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header .language-control select {
    width: min(100%, 218px) !important;
    background: linear-gradient(rgba(255, 255, 255, 0.98), rgba(245, 249, 248, 0.92)) !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) main > section {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) main > section > * {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] section#home.hero {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(198, 161, 95, 0.38) !important;
    border-radius: var(--public-mobile-surface-radius) !important;
    background: rgba(255, 255, 255, 0.93) !important;
    box-shadow: 0 12px 28px rgba(21, 48, 71, 0.075) !important;
  }

  body[data-page="home"] section#home.hero::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 5px !important;
    background: linear-gradient(90deg, #153047 0%, #0a6b68 58%, #c6a15f 100%) !important;
  }

  body[data-page="home"] section#home.hero :is(.hero-copy, .hero-statement, .hero-actions) {
    width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] section#home.hero .hero-copy {
    display: grid !important;
    gap: 0 !important;
    padding: 22px 18px 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--public-mobile-ink) !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
  }

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

  body[data-page="home"] section#home.hero .hero-statement {
    display: grid !important;
    gap: 10px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="home"] section#home.hero .hero-statement .eyebrow {
    display: block !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #a47b3d !important;
    background: transparent !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }

  body[data-page="home"] section#home.hero .hero-statement h1 {
    max-width: 320px !important;
    margin: 0 auto !important;
    color: var(--public-mobile-ink) !important;
    font-size: clamp(2rem, 10vw, 2.45rem) !important;
    font-weight: 850 !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }

  body[data-page="home"] section#home.hero .hero-statement .lead {
    max-width: 330px !important;
    margin: 0 auto !important;
    color: var(--public-mobile-muted) !important;
    font-size: 15px !important;
    line-height: 1.48 !important;
    text-align: center !important;
  }

  body[data-page="home"] section#home.hero .hero-actions {
    display: none !important;
  }

  body[data-page="home"] section#home.hero .hero-actions :is(a, button) {
    flex: 1 1 150px !important;
    width: auto !important;
    max-width: 220px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .feature-band.client-stage-paths {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 5px 0 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(198, 161, 95, 0.36) !important;
    border-radius: var(--public-mobile-surface-radius) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 10px 24px rgba(21, 48, 71, 0.065) !important;
  }

  body[data-page="home"] .feature-band.client-stage-paths::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    margin-top: -5px;
    background: linear-gradient(90deg, #153047 0%, #0a6b68 58%, #c6a15f 100%);
  }

  body[data-page="home"] .feature-band.client-stage-paths .client-stage-path {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) 20px !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(21, 48, 71, 0.1) !important;
    border-radius: 0 !important;
    color: var(--public-mobile-ink) !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
    text-decoration: none !important;
    transform: none !important;
  }

  body[data-page="home"] .feature-band.client-stage-paths .client-stage-path:last-child {
    border-bottom: 0 !important;
  }

  body[data-page="home"] .feature-band.client-stage-paths .client-stage-path:is(:hover, :focus-visible) {
    border-color: rgba(21, 48, 71, 0.1) !important;
    background: linear-gradient(90deg, rgba(10, 107, 104, 0.055), rgba(198, 161, 95, 0.055)) !important;
    box-shadow: inset 3px 0 0 rgba(10, 107, 104, 0.78) !important;
  }

  body[data-page="home"] .feature-band.client-stage-paths .stage-index {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid rgba(198, 161, 95, 0.56) !important;
    border-radius: 50% !important;
    color: #9b7439 !important;
    background: rgba(255, 252, 246, 0.92) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

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

  body[data-page="home"] .feature-band.client-stage-paths .stage-copy small {
    color: var(--public-mobile-muted) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  body[data-page="home"] .feature-band.client-stage-paths .stage-copy strong {
    color: var(--public-mobile-ink) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }

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

  /* Keep the public Home flow on the same quiet, continuous surfaces as the
     signed-in portal. The outer section supplies hierarchy; inner rows do not
     become a second layer of cards. */
  body[data-page="home"] :is(.section, .coverage, .process, .resources, .contact, .portal-feature) {
    margin: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(21, 48, 71, 0.11) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="home"] .trust-panel {
    padding: 20px 18px !important;
    border: 1px solid rgba(198, 161, 95, 0.32) !important;
    border-radius: var(--public-mobile-surface-radius) !important;
    color: var(--public-mobile-ink) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 10px 24px rgba(21, 48, 71, 0.06) !important;
  }

  body[data-page="home"] .trust-panel .eyebrow {
    margin-bottom: 10px !important;
    color: #a47b3d !important;
  }

  body[data-page="home"] .trust-panel h2 {
    margin: 0 !important;
    color: var(--public-mobile-ink) !important;
    font-size: clamp(1.45rem, 7.2vw, 1.75rem) !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="home"] .trust-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    margin-top: 16px !important;
    border-top: 1px solid rgba(21, 48, 71, 0.12) !important;
  }

  body[data-page="home"] .trust-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.1) !important;
    border-radius: 0 !important;
    color: var(--public-mobile-ink) !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

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

  body[data-page="home"] .trust-grid span {
    color: var(--public-mobile-ink) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  body[data-page="home"] .trust-grid p {
    margin: 5px 0 0 !important;
    color: var(--public-mobile-muted) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body[data-page="home"] :is(.section, .coverage, .upload-section, .process, .resources, .contact) {
    padding: 20px 16px !important;
  }

  body[data-page="home"] .section-heading h2,
  body[data-page="home"] :is(.coverage, .upload-section, .resources, .contact) h2 {
    font-size: clamp(1.55rem, 7.4vw, 1.9rem) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="home"] .service-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    margin-top: 16px !important;
    border-top: 1px solid rgba(21, 48, 71, 0.12) !important;
  }

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

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

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

  body[data-page="home"] .service-grid h3 {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
  }

  body[data-page="home"] .service-grid p {
    margin: 6px 0 0 !important;
    color: var(--public-mobile-muted) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

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

  body[data-page="home"] .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.1) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

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

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

  body[data-page="home"] .process article > span {
    grid-row: 1 / 3 !important;
    align-self: start !important;
    display: grid !important;
    place-items: center !important;
    position: relative !important;
    width: 34px !important;
    height: 34px !important;
    border: 1px solid rgba(198, 161, 95, 0.55) !important;
    border-radius: 50% !important;
    background: rgba(255, 252, 246, 0.92) !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  body[data-page="home"] .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;
    line-height: 1 !important;
    text-align: center !important;
    font-feature-settings: "tnum" 1 !important;
    font-variant-numeric: tabular-nums !important;
    transform: translate3d(0, 1px, 0) !important;
  }

  @supports (-webkit-touch-callout: none) {
    body[data-page="home"] .process .process-number {
      transform: none !important;
    }
  }

  body[data-page="home"] .process h3 {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
  }

  body[data-page="home"] .process p {
    margin: 4px 0 0 !important;
    color: var(--public-mobile-muted) !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
  }

  body[data-page="home"] #upload.upload-section {
    display: block !important;
    padding: 20px 18px !important;
    border: 1px solid rgba(198, 161, 95, 0.34) !important;
    border-radius: var(--public-mobile-surface-radius) !important;
    color: var(--public-mobile-ink) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 10px 24px rgba(21, 48, 71, 0.06) !important;
  }

  body[data-page="home"] #upload .upload-intro {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--public-mobile-ink) !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  body[data-page="home"] #upload .upload-intro .eyebrow {
    display: block !important;
    min-height: 0 !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #a47b3d !important;
    background: transparent !important;
    font-size: 12px !important;
    text-align: left !important;
  }

  body[data-page="home"] #upload .upload-intro h2 {
    margin: 0 !important;
    color: var(--public-mobile-ink) !important;
    font-size: clamp(1.6rem, 7.8vw, 1.95rem) !important;
    line-height: 1.08 !important;
    text-align: left !important;
  }

  body[data-page="home"] #upload .upload-intro > p {
    margin: 10px 0 0 !important;
    color: var(--public-mobile-muted) !important;
    font-size: 14px !important;
    line-height: 1.48 !important;
    text-align: left !important;
  }

  body[data-page="home"] #upload .upload-intro ul {
    display: grid !important;
    gap: 0 !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    border-top: 1px solid rgba(21, 48, 71, 0.12) !important;
    list-style: none !important;
  }

  body[data-page="home"] #upload .upload-intro li {
    position: relative !important;
    margin: 0 !important;
    padding: 11px 0 11px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(21, 48, 71, 0.1) !important;
    border-radius: 0 !important;
    color: var(--public-mobile-muted) !important;
    background: transparent !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  body[data-page="home"] #upload .upload-intro li::before {
    content: "" !important;
    position: absolute !important;
    left: 1px !important;
    top: 17px !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #d3ad68 !important;
  }

  body[data-page="home"] #upload .upload-intro li:last-child {
    border-bottom: 0 !important;
  }

  body[data-page="home"] #upload .upload-form {
    display: none !important;
  }

  body[data-page="home"] #upload .public-upload-portal-link {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-height: 48px !important;
    margin-top: 16px !important;
    padding: 12px 16px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(8, 78, 77, 0.44) !important;
    border-radius: var(--public-mobile-action-radius) !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #0b6968 0%, #075452 100%) !important;
    box-shadow: 0 10px 20px rgba(8, 63, 64, 0.15) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  body[data-page="beta-entry"] .beta-entry-modal {
    align-items: start !important;
    padding:
      max(10px, env(safe-area-inset-top))
      10px
      max(10px, env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    background: linear-gradient(150deg, #102c3a 0%, #0a4b4d 68%, #153047 100%) !important;
  }

  body[data-page="beta-entry"] .beta-entry-card {
    display: block !important;
    width: 100% !important;
    max-width: 390px !important;
    min-height: 0 !important;
    max-height: calc(100dvh - max(20px, env(safe-area-inset-top) + env(safe-area-inset-bottom))) !important;
    margin: 0 auto !important;
    overflow-y: auto !important;
    border: 1px solid rgba(224, 189, 120, 0.52) !important;
    border-radius: 8px !important;
    background: #f5f8fa !important;
    box-shadow: 0 20px 44px rgba(3, 27, 38, 0.24) !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(10, 107, 104, 0.8) transparent;
  }

  body[data-page="beta-entry"] .beta-entry-card::-webkit-scrollbar {
    width: 5px;
  }

  body[data-page="beta-entry"] .beta-entry-card::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: linear-gradient(180deg, #153047, #0a6b68 72%, #c6a15f);
  }

  body[data-page="beta-entry"] .beta-entry-mark {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 0 !important;
    padding: 14px 16px !important;
    text-align: left !important;
  }

  body[data-page="beta-entry"] .beta-entry-mark img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 8px !important;
  }

  body[data-page="beta-entry"] .beta-entry-brand {
    gap: 2px !important;
  }

  body[data-page="beta-entry"] .beta-entry-brand strong {
    font-size: 18px !important;
    line-height: 1.08 !important;
  }

  body[data-page="beta-entry"] .beta-entry-brand small {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  body[data-page="beta-entry"] .beta-entry-mark > span {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
  }

  body[data-page="beta-entry"] .beta-entry-content {
    display: block !important;
    min-height: 0 !important;
    padding: 16px !important;
    text-align: center !important;
  }

  body[data-page="beta-entry"] .beta-entry-content .eyebrow {
    margin: 0 0 7px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  body[data-page="beta-entry"] .beta-entry-content h1 {
    margin: 0 !important;
    color: var(--public-mobile-ink) !important;
    font-size: clamp(1.55rem, 8vw, 1.85rem) !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="beta-entry"] .beta-entry-content > p:not(.eyebrow, .beta-entry-note, .beta-entry-status) {
    margin: 9px 0 0 !important;
    color: var(--public-mobile-muted) !important;
    font-size: 13px !important;
    line-height: 1.42 !important;
  }

  body[data-page="beta-entry"] .beta-entry-trust {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin: 12px 0 0 !important;
  }

  body[data-page="beta-entry"] .beta-entry-trust span {
    display: grid !important;
    place-items: center !important;
    min-height: 34px !important;
    padding: 5px 3px !important;
    border-radius: 6px !important;
    font-size: 8px !important;
    line-height: 1.15 !important;
  }

  body[data-page="beta-entry"] .beta-entry-flow {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 12px 0 0 !important;
    border-top: 1px solid rgba(21, 48, 71, 0.1) !important;
    border-bottom: 1px solid rgba(21, 48, 71, 0.1) !important;
  }

  body[data-page="beta-entry"] .beta-entry-flow span {
    display: grid !important;
    grid-template-columns: 1fr !important;
    place-items: center !important;
    gap: 4px !important;
    min-height: 62px !important;
    padding: 8px 4px !important;
    border: 0 !important;
    border-right: 1px solid rgba(21, 48, 71, 0.1) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="beta-entry"] .beta-entry-flow span:last-child {
    border-right: 0 !important;
  }

  body[data-page="beta-entry"] .beta-entry-flow strong {
    display: grid !important;
    place-items: center !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  body[data-page="beta-entry"] .beta-entry-flow em {
    font-size: 9px !important;
    line-height: 1.2 !important;
  }

  body[data-page="beta-entry"] .beta-entry-actions {
    margin-top: 14px !important;
  }

  body[data-page="beta-entry"] .beta-entry-actions button {
    width: 100% !important;
    min-height: 48px !important;
    padding: 12px 14px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    transform: none !important;
  }

  body[data-page="beta-entry"] .beta-entry-note {
    margin: 10px 0 0 !important;
    color: var(--public-mobile-muted) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body[data-page="beta-entry"] .beta-entry-status {
    margin: 7px 0 0 !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  body[data-page="beta-entry"] [data-android-fallback="true"] .beta-entry-flow {
    display: none !important;
  }

  body[data-page="resources"] :is(.page-hero, .resources),
  body[data-page="support"] :is(.page-hero, .support-grid, .legal-content),
  body[data-page="beta-entry"] :is(.page-hero, .legal-content) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="support"] .support-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(198, 161, 95, 0.36) !important;
    border-radius: var(--public-mobile-surface-radius) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 12px 28px rgba(21, 48, 71, 0.075) !important;
  }

  body[data-page="support"] .support-grid article {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 16px 14px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(21, 48, 71, 0.1) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
  }

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

  body[data-page="support"] .support-grid article::before {
    display: none !important;
  }

  body[data-page="support"] .support-grid article > span {
    grid-row: 1 / 4 !important;
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid rgba(198, 161, 95, 0.55) !important;
    border-radius: 50% !important;
    color: #9b7439 !important;
    background: rgba(255, 252, 246, 0.92) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  body[data-page="support"] .support-grid h2 {
    margin: 0 !important;
    color: var(--public-mobile-ink) !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }

  body[data-page="support"] .support-grid p {
    margin: 6px 0 0 !important;
    color: var(--public-mobile-muted) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    text-align: left !important;
  }

  body[data-page="support"] .support-grid a {
    grid-column: 2 !important;
    display: grid !important;
    place-items: center !important;
    justify-self: start !important;
    width: 100% !important;
    min-height: 44px !important;
    margin-top: 10px !important;
    padding: 11px 14px !important;
    border: 1px solid rgba(10, 107, 104, 0.42) !important;
    border-radius: var(--public-mobile-action-radius) !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #153047 0%, #0a6b68 100%) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  body:is([data-page="resources"], [data-page="install-holding"], [data-page="support"]) .page-hero {
    margin-bottom: 14px !important;
    padding: 20px 18px !important;
    border-radius: var(--public-mobile-surface-radius) !important;
    text-align: left !important;
  }

  body:is([data-page="resources"], [data-page="install-holding"], [data-page="support"]) .page-hero .eyebrow {
    margin: 0 0 8px !important;
    font-size: 12px !important;
  }

  body:is([data-page="resources"], [data-page="install-holding"], [data-page="support"]) .page-hero h1 {
    margin: 0 !important;
    color: var(--public-mobile-ink) !important;
    font-size: clamp(1.7rem, 8.5vw, 2rem) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }

  body:is([data-page="resources"], [data-page="install-holding"], [data-page="support"]) .page-hero p:not(.eyebrow) {
    margin: 10px 0 0 !important;
    color: var(--public-mobile-muted) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    text-align: left !important;
  }

  body[data-page="resources"] .resources {
    padding: 20px 16px !important;
    border-radius: var(--public-mobile-surface-radius) !important;
  }

  body[data-page="resources"] .resources > .section-heading {
    margin-bottom: 16px !important;
    text-align: left !important;
  }

  body[data-page="resources"] .resources > .section-heading .eyebrow {
    margin-right: 0 !important;
    margin-left: 0 !important;
    text-align: left !important;
  }

  body[data-page="resources"] .resources > .section-heading h2 {
    margin: 0 !important;
    color: var(--public-mobile-ink) !important;
    font-size: clamp(1.55rem, 7.4vw, 1.9rem) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }

  body[data-page="resources"] .resources > .section-heading p:not(.eyebrow) {
    margin: 9px 0 0 !important;
    color: var(--public-mobile-muted) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    text-align: left !important;
  }

  body[data-page="resources"] .resource-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    border-top: 1px solid rgba(21, 48, 71, 0.12) !important;
  }

  body[data-page="resources"] .resource-grid article,
  body[data-page="resources"] .resource-grid article.resource-feature {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 16px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(21, 48, 71, 0.1) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

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

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

  body[data-page="resources"] .resource-grid article > span {
    color: #9b7439 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
  }

  body[data-page="resources"] .resource-grid h3 {
    margin: 5px 0 0 !important;
    color: var(--public-mobile-ink) !important;
    font-size: 18px !important;
    line-height: 1.22 !important;
  }

  body[data-page="resources"] .resource-grid p {
    margin: 6px 0 0 !important;
    color: var(--public-mobile-muted) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body[data-page="resources"] .resource-grid a {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 44px !important;
    margin-top: 8px !important;
    padding: 8px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #0a6b68 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 4px !important;
    transform: none !important;
  }

  body[data-page="resources"] .worksheet-library {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(198, 161, 95, 0.36) !important;
    border-radius: var(--public-mobile-surface-radius) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 12px 28px rgba(21, 48, 71, 0.07) !important;
  }

  body[data-page="resources"] .worksheet-library > section {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 18px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(21, 48, 71, 0.1) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  body[data-page="resources"] .worksheet-library > section:last-child {
    border-bottom: 0 !important;
  }

  body[data-page="resources"] .worksheet-library > section::before,
  body[data-page="resources"] .worksheet-list a::before {
    display: none !important;
  }

  body[data-page="resources"] .worksheet-library .eyebrow,
  body[data-page="resources"] .worksheet-library h3 {
    margin-right: 0 !important;
    margin-left: 0 !important;
    text-align: left !important;
  }

  body[data-page="resources"] .worksheet-library h3 {
    margin-top: 7px !important;
    color: var(--public-mobile-ink) !important;
    font-size: 19px !important;
    line-height: 1.25 !important;
  }

  body[data-page="resources"] .worksheet-list,
  body[data-page="resources"] .worksheet-list.compact {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
  }

  body[data-page="resources"] .worksheet-list a {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 13px 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(21, 48, 71, 0.1) !important;
    border-radius: 0 !important;
    color: var(--public-mobile-ink) !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 1.3 !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: normal !important;
    transform: none !important;
  }

  body[data-page="resources"] .worksheet-list a:last-child {
    border-bottom: 0 !important;
  }

  body[data-page="resources"] .worksheet-list a:is(:hover, :focus-visible) {
    padding-right: 8px !important;
    padding-left: 8px !important;
    background: rgba(10, 107, 104, 0.055) !important;
  }

  body[data-page="resources"] .worksheet-list strong,
  body[data-page="resources"] .worksheet-list span {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  body[data-page="resources"] .worksheet-list strong {
    color: var(--public-mobile-ink) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
  }

  body[data-page="resources"] .worksheet-list span {
    color: var(--public-mobile-muted) !important;
    font-size: 13px !important;
    line-height: 1.42 !important;
  }

  body[data-page="resources"] .worksheet-builder {
    width: 100% !important;
    min-width: 0 !important;
    margin: 16px 0 0 !important;
    padding: 18px 16px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(198, 161, 95, 0.36) !important;
    border-radius: var(--public-mobile-surface-radius) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 12px 28px rgba(21, 48, 71, 0.07) !important;
  }

  body[data-page="resources"] .worksheet-builder > div:first-child {
    text-align: left !important;
  }

  body[data-page="resources"] .worksheet-form {
    width: 100% !important;
    min-width: 0 !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="resources"] .worksheet-fields {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page="resources"] .worksheet-fields label,
  body[data-page="resources"] .worksheet-fields label.wide {
    display: grid !important;
    grid-column: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--public-mobile-ink) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }

  body[data-page="resources"] .worksheet-fields label > span {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page="resources"] .worksheet-fields :is(input, select, textarea) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(21, 48, 71, 0.24) !important;
    border-radius: 6px !important;
    color: var(--public-mobile-ink) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: inset 0 1px 2px rgba(21, 48, 71, 0.035) !important;
    font: inherit !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  body[data-page="resources"] .worksheet-fields textarea {
    min-height: 104px !important;
    resize: vertical !important;
  }

  body[data-page="resources"] .worksheet-fields :is(input, select, textarea):focus {
    border-color: #0a6b68 !important;
    outline: 3px solid rgba(10, 107, 104, 0.14) !important;
    outline-offset: 1px !important;
  }

  body[data-page="resources"] .worksheet-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 14px !important;
  }

  body[data-page="resources"] .worksheet-actions button {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 11px 14px !important;
    border: 1px solid rgba(8, 78, 77, 0.44) !important;
    border-radius: var(--public-mobile-action-radius) !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #0b6968 0%, #075452 100%) !important;
    box-shadow: 0 10px 20px rgba(8, 63, 64, 0.15) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    white-space: normal !important;
  }

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

  body[data-page="home"] .coverage > div {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="home"] .coverage > div > p:last-child {
    margin: 9px 0 0 !important;
    color: var(--public-mobile-muted) !important;
    font-size: 14px !important;
    line-height: 1.48 !important;
  }

  body[data-page="home"] .state-picker {
    display: grid !important;
    gap: 7px !important;
    width: 100% !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"] .state-picker span {
    color: var(--public-mobile-ink) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
  }

  body[data-page="home"] .state-picker select {
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 10px 34px 10px 12px !important;
    border: 1px solid rgba(10, 107, 104, 0.28) !important;
    border-radius: 8px !important;
    color: var(--public-mobile-ink) !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }

  body[data-page="home"] #client-app.portal-feature {
    display: block !important;
    padding: 20px 16px !important;
    color: var(--public-mobile-ink) !important;
    background: transparent !important;
  }

  body[data-page="home"] #client-app.portal-feature > div:first-child {
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="home"] #client-app :is(h2, p) {
    color: inherit !important;
  }

  body[data-page="home"] #client-app > div:first-child > p:not(.eyebrow) {
    margin: 9px 0 0 !important;
    color: var(--public-mobile-muted) !important;
    font-size: 14px !important;
    line-height: 1.48 !important;
  }

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

  body[data-page="home"] #client-app .portal-feature-actions a {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 11px 14px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(10, 107, 104, 0.25) !important;
    border-radius: var(--public-mobile-action-radius) !important;
    color: var(--public-mobile-ink) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  body[data-page="home"] #client-app .portal-feature-actions a:last-child {
    border-color: rgba(8, 78, 77, 0.44) !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #0b6968 0%, #075452 100%) !important;
    box-shadow: 0 10px 20px rgba(8, 63, 64, 0.15) !important;
  }

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

  body[data-page="home"] #client-app .portal-device-logo {
    width: 72px !important;
    height: 72px !important;
    border-radius: 18px !important;
  }

  body[data-page="home"] #client-app .portal-device-logo img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 15px !important;
  }

  body[data-page="home"] #resources .section-heading,
  body[data-page="home"] #contact > div,
  body[data-page="home"] #contact .contact-card {
    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"] #resources .section-heading > p:not(.eyebrow),
  body[data-page="home"] #contact > div > p:not(.eyebrow) {
    margin: 9px 0 0 !important;
    color: var(--public-mobile-muted) !important;
    font-size: 14px !important;
    line-height: 1.48 !important;
  }

  body[data-page="home"] #resources .primary-link {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-height: 48px !important;
    margin-top: 16px !important;
    padding: 11px 14px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(8, 78, 77, 0.44) !important;
    border-radius: var(--public-mobile-action-radius) !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #0b6968 0%, #075452 100%) !important;
    box-shadow: 0 10px 20px rgba(8, 63, 64, 0.15) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

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

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

  body[data-page="home"] #contact .contact-card p {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid rgba(21, 48, 71, 0.08) !important;
    color: var(--public-mobile-muted) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  body[data-page="home"] #contact .contact-card p a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 8px 0 !important;
    box-sizing: border-box !important;
    color: #0a6b68 !important;
    font-weight: 750 !important;
    text-underline-offset: 3px !important;
  }

  body[data-page="home"] #contact .contact-card > .primary-link {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-height: 48px !important;
    margin-top: 12px !important;
    padding: 11px 14px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(8, 78, 77, 0.44) !important;
    border-radius: var(--public-mobile-action-radius) !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #0b6968 0%, #075452 100%) !important;
    box-shadow: 0 10px 20px rgba(8, 63, 64, 0.15) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  body[data-page="support"] .legal-content {
    margin-top: 14px !important;
    padding: 18px 16px !important;
    border-radius: var(--public-mobile-surface-radius) !important;
  }

  body[data-page="support"] .legal-content h2 {
    margin: 0 0 10px !important;
    color: var(--public-mobile-ink) !important;
    font-size: 21px !important;
    line-height: 1.2 !important;
  }

  body[data-page="support"] .legal-content p {
    color: var(--public-mobile-muted) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="support"] .legal-content a[href^="tel:"] {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    padding: 8px 0 !important;
    box-sizing: border-box !important;
    color: #0a6b68 !important;
    font-weight: 800 !important;
    text-underline-offset: 3px !important;
  }

  body:is([data-page="resources"], [data-page="install-holding"], [data-page="support"]) :is(h1, h2, h3, p, a) {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) footer {
    width: 100%;
    padding: 20px 14px calc(20px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box;
  }
}

/* V52 public mobile visual parity.
   Sign In, Start Intake, and the client portal define the background, type,
   surface, and action language. Existing public-page structure stays intact. */
@media (max-width: 760px) {
  :root {
    --public-mobile-ink: #10283a;
    --public-mobile-muted: #4f6374;
    --public-mobile-surface-radius: 20px;
    --public-mobile-action-radius: 10px;
    --public-mobile-surface-border: rgba(185, 145, 84, 0.48);
    --public-mobile-surface-fill:
      radial-gradient(circle at 9% 18%, rgba(205, 171, 106, 0.114), transparent 32%),
      radial-gradient(circle at 92% 20%, rgba(10, 107, 104, 0.086), transparent 34%),
      radial-gradient(circle at 50% 105%, rgba(16, 40, 58, 0.043), transparent 44%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.992), rgba(247, 250, 251, 0.957));
    --public-mobile-surface-shadow:
      0 18px 42px rgba(16, 40, 58, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.72);
    --public-mobile-primary-fill:
      radial-gradient(circle at 50% -40%, rgba(205, 171, 106, 0.22), transparent 58%),
      linear-gradient(135deg, #14354a 0%, #0b5558 58%, #0a6b68 100%);
  }

  html:has(> body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"])),
  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) {
    position: relative;
    isolation: isolate;
    min-height: 100%;
    color: var(--public-mobile-ink);
    background:
      radial-gradient(circle at 12% 0%, rgba(205, 171, 106, 0.14), transparent 30%),
      radial-gradient(circle at 90% 9%, rgba(10, 107, 104, 0.075), transparent 34%),
      linear-gradient(180deg, #ffffff 0%, #f8faf9 46%, #eef5f5 100%) !important;
    background-color: #f8faf9 !important;
    background-attachment: scroll !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"])::before,
  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"])::after {
    position: absolute;
    z-index: 0;
    border-radius: 18px;
    pointer-events: none;
    opacity: 1;
    mix-blend-mode: normal;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    filter: none;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"])::before {
    top: 255px;
    left: -58px;
    width: 210px;
    height: 210px;
    border-color: rgba(205, 171, 106, 0.2);
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(10, 107, 104, 0.028)),
      radial-gradient(circle at 18% 18%, rgba(205, 171, 106, 0.13), transparent 46%),
      radial-gradient(circle at 82% 76%, rgba(10, 107, 104, 0.065), transparent 58%);
    transform: rotate(18deg);
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"])::after {
    top: 720px;
    right: -70px;
    width: 220px;
    height: 220px;
    border-color: rgba(10, 107, 104, 0.16);
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(205, 171, 106, 0.032)),
      radial-gradient(circle at 82% 18%, rgba(10, 107, 104, 0.088), transparent 48%),
      radial-gradient(circle at 16% 84%, rgba(205, 171, 106, 0.102), transparent 58%);
    transform: rotate(-18deg);
  }

  body.is-mobile-app-shell:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header {
    gap: 10px !important;
    padding: 31px 14px 12px !important;
  }

  body.is-mobile-app-shell:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header .brand strong {
    color: #10283a !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
  }

  body.is-mobile-app-shell:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header nav {
    min-height: 40px !important;
    border-top: 1px solid rgba(205, 171, 106, 0.25) !important;
    border-bottom: 1px solid rgba(205, 171, 106, 0.25) !important;
  }

  body.is-mobile-app-shell:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header nav a {
    color: #10283a !important;
    font-weight: 800 !important;
  }

  body.is-mobile-app-shell:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header nav a[aria-current="page"] {
    border-radius: 0 !important;
    color: #0a6b68 !important;
    background: transparent !important;
    box-shadow: inset 0 -2px rgba(10, 107, 104, 0.62) !important;
  }

  body.is-mobile-app-shell:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header .language-control span,
  body.is-mobile-app-shell:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header .language-control select {
    color: #10283a !important;
    font-weight: 800 !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) main {
    padding-top: 14px !important;
    padding-right: 6px !important;
    padding-left: 6px !important;
    background: transparent !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) main h1 {
    color: #10283a !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) main h2 {
    color: #10283a;
    font-weight: 900;
    letter-spacing: 0;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) main h3 {
    color: #10283a;
    font-weight: 850;
    letter-spacing: 0;
  }

  body[data-page="home"] :is(section#home.hero, .feature-band.client-stage-paths, .trust-panel, .upload-section, .resources.resource-teaser, .contact),
  body[data-page="resources"] :is(.page-hero, .worksheet-library, .worksheet-builder),
  body[data-page="support"] :is(.page-hero, .support-grid, .legal-content),
  body[data-page="intake"] :is(.intake-hero, .intake-layout) {
    border-color: var(--public-mobile-surface-border) !important;
    border-radius: var(--public-mobile-surface-radius) !important;
    background: var(--public-mobile-surface-fill) !important;
    box-shadow: var(--public-mobile-surface-shadow) !important;
  }

  body:is([data-page="resources"], [data-page="install-holding"], [data-page="support"], [data-page="privacy"], [data-page="terms"]) .page-hero .eyebrow,
  body[data-page="intake"] :is(.intake-hero, .intake-form, .intake-side) .eyebrow,
  body[data-page="tax-prep"] :is(.tax-hero-copy, .tax-section, .tax-cta) .eyebrow {
    color: #a8792f !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
  }

  body:is([data-page="resources"], [data-page="install-holding"], [data-page="support"], [data-page="privacy"], [data-page="terms"]) .page-hero p:not(.eyebrow),
  body[data-page="intake"] .intake-hero > div:first-child > p:last-child,
  body[data-page="tax-prep"] .tax-hero-copy > p {
    color: var(--public-mobile-muted) !important;
  }

  body[data-page="tax-prep"] .tax-hero {
    border-color: var(--public-mobile-surface-border) !important;
    border-radius: var(--public-mobile-surface-radius) var(--public-mobile-surface-radius) 0 0 !important;
    background: var(--public-mobile-surface-fill) !important;
    box-shadow: var(--public-mobile-surface-shadow) !important;
  }

  body[data-page="tax-prep"] .tax-section {
    border-color: rgba(185, 145, 84, 0.34) !important;
    background: rgba(255, 255, 255, 0.94) !important;
  }

  body[data-page="tax-prep"] .tax-cta {
    border-color: var(--public-mobile-surface-border) !important;
    border-radius: 0 0 var(--public-mobile-surface-radius) var(--public-mobile-surface-radius) !important;
    background: var(--public-mobile-primary-fill) !important;
    box-shadow: var(--public-mobile-surface-shadow) !important;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .page-hero {
    border-color: var(--public-mobile-surface-border) !important;
    border-radius: var(--public-mobile-surface-radius) var(--public-mobile-surface-radius) 0 0 !important;
    background: var(--public-mobile-surface-fill) !important;
    box-shadow: var(--public-mobile-surface-shadow) !important;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .legal-content {
    border-color: var(--public-mobile-surface-border) !important;
    border-radius: 0 0 var(--public-mobile-surface-radius) var(--public-mobile-surface-radius) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.965), rgba(247, 250, 251, 0.94)) !important;
    box-shadow: var(--public-mobile-surface-shadow) !important;
  }

  body[data-page="home"] :is(.public-upload-portal-link, .resource-teaser .primary-link, .contact .primary-link, .portal-feature-actions a:last-child),
  body[data-page="resources"] .worksheet-actions button,
  body[data-page="tax-prep"] .tax-hero-actions .primary-link,
  body[data-page="support"] .support-grid article > a,
  body[data-page="intake"] .intake-form > button[type="submit"] {
    border: 1px solid rgba(205, 171, 106, 0.72) !important;
    border-radius: var(--public-mobile-action-radius) !important;
    color: #ffffff !important;
    background: var(--public-mobile-primary-fill) !important;
    box-shadow:
      0 14px 28px rgba(16, 40, 58, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    transform: none !important;
  }

  body[data-page="home"] :is(.portal-feature-actions a:first-child, .hero-actions .secondary-link),
  body[data-page="tax-prep"] .tax-hero-actions .secondary-action,
  body[data-page="intake"] .intake-side .primary-link {
    border: 1px solid rgba(185, 145, 84, 0.48) !important;
    border-radius: var(--public-mobile-action-radius) !important;
    color: #10283a !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 251, 0.94)) !important;
    box-shadow: 0 8px 18px rgba(16, 40, 58, 0.08) !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    transform: none !important;
  }

  body[data-page="intake"] .intake-form :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea),
  body[data-page="resources"] .worksheet-form :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea),
  body[data-page="home"] .state-picker select {
    border: 1px solid rgba(16, 40, 58, 0.18) !important;
    border-radius: 12px !important;
    color: #10283a !important;
    background-color: rgba(255, 255, 255, 0.97) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      0 8px 18px rgba(16, 40, 58, 0.055) !important;
  }

  body[data-page="support"] .support-grid article > span,
  body[data-page="intake"] .intake-steps article > span,
  body[data-page="home"] .feature-band.client-stage-paths .stage-index {
    border-color: rgba(185, 145, 84, 0.58) !important;
    color: #9b7439 !important;
    background: rgba(255, 252, 246, 0.94) !important;
  }
}

@media (max-width: 360px) {
  body.is-mobile-app-shell[data-page="home"] #client-app .portal-feature-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header nav {
    gap: 3px !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header nav a {
    padding-right: 7px !important;
    padding-left: 7px !important;
    font-size: 11px !important;
  }

  body:is([data-page="home"], [data-page="resources"], [data-page="beta-entry"], [data-page="install-holding"], [data-page="support"], [data-page="intake"], [data-page="tax-prep"], [data-page="privacy"], [data-page="terms"]) .site-header .language-control {
    width: min(100%, 300px) !important;
  }

  body[data-page="home"] section#home.hero .hero-actions :is(a, button) {
    flex-basis: 100% !important;
    width: 100% !important;
  }
}

/* New-client intake joins the public mobile system without changing form logic. */
@media (max-width: 760px) {
  body[data-page="intake"] .site-header .header-button {
    display: none !important;
  }

  body[data-page="intake"] main {
    padding-bottom: 4px !important;
  }

  body[data-page="intake"] .intake-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(198, 161, 95, 0.38) !important;
    border-radius: var(--public-mobile-surface-radius) !important;
    background: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 14px 30px rgba(21, 48, 71, 0.075) !important;
  }

  body[data-page="intake"] .intake-hero::before {
    display: block !important;
    inset: 0 0 auto !important;
    height: 5px !important;
    border-radius: 0 !important;
    background: linear-gradient(90deg, #153047 0%, #0a6b68 58%, #c6a15f 100%) !important;
  }

  body[data-page="intake"] .intake-hero > div:first-child {
    padding: 26px 18px 20px !important;
    text-align: left !important;
  }

  body[data-page="intake"] .intake-hero .eyebrow,
  body[data-page="intake"] .intake-form .eyebrow,
  body[data-page="intake"] .intake-side .eyebrow {
    margin: 0 0 8px !important;
    color: #a8792f !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body[data-page="intake"] .intake-hero h1 {
    max-width: 100% !important;
    margin: 0 0 12px !important;
    color: var(--public-mobile-ink) !important;
    font-size: 32px !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
  }

  body[data-page="intake"] .intake-hero > div:first-child > p:last-child {
    max-width: 100% !important;
    margin: 0 !important;
    color: var(--public-mobile-muted) !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    text-wrap: pretty;
  }

  body[data-page="intake"] .intake-steps {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-top: 1px solid rgba(21, 48, 71, 0.1) !important;
    border-radius: 0 !important;
    background: rgba(246, 249, 248, 0.86) !important;
    box-shadow: none !important;
  }

  body[data-page="intake"] .intake-steps article {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 2px 12px !important;
    min-width: 0 !important;
    min-height: 74px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    box-sizing: border-box !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;
    text-align: left !important;
  }

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

  body[data-page="intake"] .intake-steps article > span {
    display: grid !important;
    grid-row: 1 / 3 !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    border: 1px solid rgba(198, 161, 95, 0.58) !important;
    border-radius: 50% !important;
    color: #a8792f !important;
    background: rgba(255, 255, 255, 0.9) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  body[data-page="intake"] .intake-steps article > strong {
    min-width: 0 !important;
    color: var(--public-mobile-ink) !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }

  body[data-page="intake"] .intake-steps article > p {
    min-width: 0 !important;
    margin: 0 !important;
    color: var(--public-mobile-muted) !important;
    font-size: 13px !important;
    line-height: 1.38 !important;
  }

  body[data-page="intake"] .intake-layout {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 20px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(198, 161, 95, 0.38) !important;
    border-radius: var(--public-mobile-surface-radius) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 14px 30px rgba(21, 48, 71, 0.075) !important;
  }

  body[data-page="intake"] .intake-layout::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0 0 auto;
    height: 5px;
    background: linear-gradient(90deg, #153047 0%, #0a6b68 58%, #c6a15f 100%);
    pointer-events: none;
  }

  body[data-page="intake"] .intake-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 26px 16px 20px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="intake"] .intake-form::before,
  body[data-page="intake"] .intake-side::before {
    display: none !important;
  }

  body[data-page="intake"] .intake-form .section-heading {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 2px !important;
    text-align: left !important;
  }

  body[data-page="intake"] .intake-form .section-heading h2,
  body[data-page="intake"] .intake-side h2 {
    max-width: 100% !important;
    margin: 0 0 10px !important;
    color: var(--public-mobile-ink) !important;
    font-size: 26px !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
  }

  body[data-page="intake"] .intake-form .section-heading > p:last-child {
    max-width: 100% !important;
    margin: 0 !important;
    color: var(--public-mobile-muted) !important;
    font-size: 14px !important;
    line-height: 1.48 !important;
    text-wrap: pretty;
  }

  body[data-page="intake"] .intake-form .screen-reader-field {
    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;
    white-space: nowrap !important;
  }

  body[data-page="intake"] .intake-form .field-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body[data-page="intake"] .intake-form label,
  body[data-page="intake"] .intake-form label.wide {
    display: grid !important;
    grid-column: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--public-mobile-ink) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }

  body[data-page="intake"] .intake-form label > span {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  body[data-page="intake"] .intake-form :is(input:not([type="checkbox"]), select, textarea) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 11px 12px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(21, 48, 71, 0.24) !important;
    border-radius: 7px !important;
    color: var(--public-mobile-ink) !important;
    background-color: rgba(255, 255, 255, 0.98) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
    font: inherit !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }

  body[data-page="intake"] .intake-form select {
    padding-right: 38px !important;
  }

  body[data-page="intake"] .intake-form textarea {
    min-height: 128px !important;
    resize: vertical !important;
  }

  body[data-page="intake"] .intake-form :is(input, select, textarea):focus {
    outline: 2px solid rgba(10, 107, 104, 0.3) !important;
    outline-offset: 2px !important;
    border-color: rgba(10, 107, 104, 0.58) !important;
  }

  body[data-page="intake"] .intake-form label.consent {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    padding: 14px 0 !important;
    border-top: 1px solid rgba(21, 48, 71, 0.1) !important;
    border-bottom: 1px solid rgba(21, 48, 71, 0.1) !important;
    font-weight: 650 !important;
  }

  body[data-page="intake"] .intake-form label.consent input[type="checkbox"] {
    width: 22px !important;
    height: 22px !important;
    margin: 1px 0 0 !important;
    accent-color: #0a6b68 !important;
  }

  body[data-page="intake"] .intake-form label.consent > span {
    color: var(--public-mobile-muted) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
  }

  body[data-page="intake"] .intake-form > button[type="submit"] {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 11px 16px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(8, 78, 77, 0.44) !important;
    border-radius: var(--public-mobile-action-radius) !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #0b6968 0%, #075452 100%) !important;
    box-shadow: 0 10px 20px rgba(8, 63, 64, 0.15) !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
  }

  body[data-page="intake"] .intake-form .message {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow-wrap: anywhere !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  body[data-page="intake"] .intake-side {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 20px 16px 22px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-top: 1px solid rgba(21, 48, 71, 0.1) !important;
    border-radius: 0 !important;
    background: rgba(241, 247, 245, 0.74) !important;
    box-shadow: none !important;
  }

  body[data-page="intake"] .intake-side > div {
    width: 100% !important;
    max-width: 100% !important;
  }

  body[data-page="intake"] .intake-side ul {
    display: grid !important;
    gap: 8px !important;
    margin: 0 0 16px !important;
    padding-left: 20px !important;
    color: var(--public-mobile-muted) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body[data-page="intake"] .intake-side .primary-link {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(198, 161, 95, 0.52) !important;
    border-radius: 8px !important;
    color: var(--public-mobile-ink) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-decoration: none !important;
  }
}

/* Added mobile-only navigation entries stay out of the later desktop review. */
@media (min-width: 761px) {
  .site-header nav .mobile-public-nav {
    display: none !important;
  }
}

/* Tax preparation follows the approved public shell as one continuous surface. */
@media (max-width: 760px) {
  body[data-page="tax-prep"] .tax-landing-shell {
    display: grid;
    gap: 0;
    width: 100%;
    margin: 0;
    padding: 12px 0 28px;
  }

  body[data-page="tax-prep"] .tax-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(21, 48, 71, 0.14);
    border-radius: var(--public-mobile-surface-radius) var(--public-mobile-surface-radius) 0 0;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 14px 32px rgba(21, 48, 71, 0.08);
  }

  body[data-page="tax-prep"] .tax-hero::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    z-index: 2;
    height: 5px;
    background: linear-gradient(90deg, #153047 0%, #0a6b68 58%, #c6a15f 100%);
    pointer-events: none;
  }

  body[data-page="tax-prep"] .tax-hero-copy {
    display: grid;
    justify-items: stretch;
    align-content: start;
    gap: 16px;
    min-height: 0;
    padding: 30px 18px 20px;
    color: var(--public-mobile-ink);
    text-align: left;
  }

  body[data-page="tax-prep"] .tax-hero-copy .eyebrow,
  body[data-page="tax-prep"] .tax-section .eyebrow,
  body[data-page="tax-prep"] .tax-cta .eyebrow {
    margin: 0;
    color: #ad7e35;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  body[data-page="tax-prep"] .tax-hero h1 {
    max-width: none;
    margin: 0;
    color: var(--public-mobile-ink);
    font-size: 34px;
    line-height: 1.08;
    letter-spacing: 0;
    text-wrap: balance;
  }

  body[data-page="tax-prep"] .tax-hero-copy > p {
    max-width: none;
    margin: 0;
    color: var(--public-mobile-muted);
    font-size: 16px;
    line-height: 1.55;
  }

  body[data-page="tax-prep"] .tax-hero-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    width: 100%;
  }

  body[data-page="tax-prep"] .tax-hero-actions :is(.primary-link, .secondary-action) {
    display: grid;
    place-items: center;
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 10px 14px;
    border-radius: var(--public-mobile-action-radius);
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    transform: none;
  }

  body[data-page="tax-prep"] .tax-hero-actions .primary-link {
    border: 1px solid rgba(198, 161, 95, 0.72);
    color: #ffffff !important;
    background: linear-gradient(135deg, #153047 0%, #0b5558 58%, #0a6b68 100%) !important;
    box-shadow: 0 9px 20px rgba(21, 48, 71, 0.14);
  }

  body[data-page="tax-prep"] .tax-hero-actions .secondary-action {
    border: 1px solid rgba(10, 107, 104, 0.28);
    color: var(--public-mobile-ink);
    background: rgba(255, 255, 255, 0.76);
    box-shadow: none;
  }

  body[data-page="tax-prep"] .tax-hero-actions .secondary-action.light {
    color: var(--public-mobile-ink);
    background: rgba(248, 251, 250, 0.92);
  }

  body[data-page="tax-prep"] .tax-proof-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    width: 100%;
    border-top: 1px solid rgba(21, 48, 71, 0.1);
    border-bottom: 1px solid rgba(21, 48, 71, 0.1);
  }

  body[data-page="tax-prep"] .tax-proof-strip span {
    display: grid;
    place-items: center;
    min-height: 52px;
    padding: 7px 5px;
    border: 0;
    border-right: 1px solid rgba(21, 48, 71, 0.1);
    border-radius: 0;
    color: var(--public-mobile-ink);
    background: transparent;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
  }

  body[data-page="tax-prep"] .tax-proof-strip span:last-child {
    border-right: 0;
  }

  body[data-page="tax-prep"] .tax-hero-panel {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    align-content: start;
    align-items: center;
    gap: 8px 12px;
    margin: 0;
    padding: 20px 18px 22px;
    border: 0;
    border-top: 1px solid rgba(198, 161, 95, 0.28);
    border-radius: 0;
    color: var(--public-mobile-ink);
    background: rgba(245, 249, 248, 0.82);
    box-shadow: none;
  }

  body[data-page="tax-prep"] .tax-hero-panel img {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(21, 48, 71, 0.12);
  }

  body[data-page="tax-prep"] .tax-hero-panel strong {
    font-size: 21px;
    line-height: 1.15;
    letter-spacing: 0;
  }

  body[data-page="tax-prep"] .tax-hero-panel > p,
  body[data-page="tax-prep"] .tax-hero-panel > ol {
    grid-column: 1 / -1;
  }

  body[data-page="tax-prep"] .tax-hero-panel p {
    margin: 2px 0 4px;
    color: var(--public-mobile-muted);
    font-size: 15px;
    line-height: 1.5;
  }

  body[data-page="tax-prep"] .tax-hero-panel ol,
  body[data-page="tax-prep"] .tax-process-list {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
  }

  body[data-page="tax-prep"] .tax-hero-panel li,
  body[data-page="tax-prep"] .tax-process-list article {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 11px 0;
    border: 0;
    border-bottom: 1px solid rgba(21, 48, 71, 0.1);
    border-radius: 0;
    background: transparent;
  }

  body[data-page="tax-prep"] .tax-hero-panel li:last-child,
  body[data-page="tax-prep"] .tax-process-list article:last-child {
    border-bottom: 0;
  }

  body[data-page="tax-prep"] .tax-hero-panel li span {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #ffffff;
    background: #0a6b68;
    font-size: 13px;
    font-weight: 800;
  }

  body[data-page="tax-prep"] :is(.tax-section, .tax-cta) {
    width: 100%;
    margin: 0;
    padding: 26px 18px;
    border: 1px solid rgba(21, 48, 71, 0.14);
    border-top: 0;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: none;
  }

  body[data-page="tax-prep"] .section-heading {
    margin: 0 0 18px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  body[data-page="tax-prep"] :is(.section-heading h2, .tax-process h2, .tax-cta h2) {
    margin: 6px 0 0;
    color: var(--public-mobile-ink);
    font-size: 27px;
    line-height: 1.15;
    letter-spacing: 0;
    text-wrap: balance;
  }

  body[data-page="tax-prep"] .section-heading > p:not(.eyebrow) {
    margin: 10px 0 0;
    color: var(--public-mobile-muted);
    font-size: 15px;
    line-height: 1.5;
  }

  body[data-page="tax-prep"] :is(.tax-card-grid, .tax-trust-grid) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  body[data-page="tax-prep"] :is(.tax-card-grid article, .tax-trust-grid article) {
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid rgba(21, 48, 71, 0.1);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body[data-page="tax-prep"] :is(.tax-card-grid article, .tax-trust-grid article):last-child {
    border-bottom: 0;
  }

  body[data-page="tax-prep"] .tax-card-grid span {
    color: #ad7e35;
    font-size: 12px;
    font-weight: 850;
  }

  body[data-page="tax-prep"] :is(.tax-card-grid h3, .tax-trust-grid h3) {
    margin: 5px 0 6px;
    color: var(--public-mobile-ink);
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0;
  }

  body[data-page="tax-prep"] :is(.tax-card-grid p, .tax-trust-grid p, .tax-process-list p, .tax-faq-list p) {
    margin: 0;
    color: var(--public-mobile-muted);
    font-size: 15px;
    line-height: 1.55;
  }

  body[data-page="tax-prep"] .tax-process {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  body[data-page="tax-prep"] .tax-process-list article {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    align-items: start;
    padding: 14px 0;
  }

  body[data-page="tax-prep"] .tax-process-list strong {
    color: var(--public-mobile-ink);
    font-size: 17px;
    line-height: 1.25;
  }

  body[data-page="tax-prep"] .tax-faq-list {
    display: grid;
    gap: 0;
  }

  body[data-page="tax-prep"] .tax-faq-list details {
    padding: 15px 0;
    border: 0;
    border-bottom: 1px solid rgba(21, 48, 71, 0.1);
    border-radius: 0;
    background: transparent;
  }

  body[data-page="tax-prep"] .tax-faq-list details:last-child {
    border-bottom: 0;
  }

  body[data-page="tax-prep"] .tax-faq-list summary {
    color: var(--public-mobile-ink);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
  }

  body[data-page="tax-prep"] .tax-faq-list p {
    padding-top: 10px;
  }

  body[data-page="tax-prep"] .tax-cta {
    justify-items: stretch;
    gap: 15px;
    border-radius: 0 0 var(--public-mobile-surface-radius) var(--public-mobile-surface-radius);
    color: #ffffff;
    background: linear-gradient(135deg, #153047 0%, #0b5558 58%, #0a6b68 100%);
    text-align: left;
  }

  body[data-page="tax-prep"] .tax-cta :is(.eyebrow, h2) {
    color: #ffffff;
  }

  body[data-page="tax-prep"] .tax-cta .eyebrow {
    color: #e2c17f;
  }
}

/* Privacy and terms use one uninterrupted reading surface on phones. */
@media (max-width: 760px) {
  body:is([data-page="privacy"], [data-page="terms"]) .legal-shell {
    display: grid;
    gap: 0;
    width: 100%;
    margin: 0;
    padding: 12px 0 28px;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .page-hero {
    position: relative;
    display: block;
    min-height: 0;
    margin: 0;
    padding: 30px 18px 22px;
    overflow: hidden;
    border: 1px solid rgba(21, 48, 71, 0.14);
    border-bottom: 0;
    border-radius: var(--public-mobile-surface-radius) var(--public-mobile-surface-radius) 0 0;
    color: var(--public-mobile-ink);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 14px 32px rgba(21, 48, 71, 0.08);
    text-align: left;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .page-hero::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: linear-gradient(90deg, #153047 0%, #0a6b68 58%, #c6a15f 100%);
    pointer-events: none;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .page-hero::after {
    display: none;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .page-hero .eyebrow {
    margin: 0 0 7px;
    color: #ad7e35;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .page-hero h1 {
    margin: 0;
    color: var(--public-mobile-ink);
    font-size: 31px;
    line-height: 1.12;
    letter-spacing: 0;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .page-hero p:not(.eyebrow) {
    margin: 10px 0 0;
    color: var(--public-mobile-muted);
    font-size: 15px;
    line-height: 1.55;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .legal-content {
    margin: 0;
    padding: 22px 18px 30px;
    overflow: visible;
    border: 1px solid rgba(21, 48, 71, 0.14) !important;
    border-top: 1px solid rgba(198, 161, 95, 0.3) !important;
    border-radius: 0 0 var(--public-mobile-surface-radius) var(--public-mobile-surface-radius) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 14px 32px rgba(21, 48, 71, 0.08) !important;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .legal-content::before,
  body:is([data-page="privacy"], [data-page="terms"]) .legal-content::after {
    display: none;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .legal-content .policy-date {
    margin: 0 0 22px;
    padding: 0 0 13px;
    border-bottom: 1px solid rgba(21, 48, 71, 0.1);
    color: #ad7e35;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .legal-content h2 {
    margin: 25px 0 8px;
    color: var(--public-mobile-ink);
    font-size: 21px;
    line-height: 1.22;
    letter-spacing: 0;
    text-wrap: balance;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .legal-content .policy-date + h2 {
    margin-top: 0;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .legal-content p {
    margin: 0;
    color: #43586a;
    font-size: 15px;
    line-height: 1.62;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .legal-content a {
    color: #0a6b68;
    font-weight: 800;
    text-underline-offset: 3px;
  }
}

/* V52 page-specific cascade finish. These routes define their mobile layout
   later in the file, so the shared visual tokens are repeated only where that
   layout would otherwise replace them. */
@media (max-width: 760px) {
  body[data-page="intake"] main {
    padding: 14px 6px 4px !important;
  }

  body[data-page="intake"] :is(.intake-hero, .intake-layout) {
    border-color: var(--public-mobile-surface-border) !important;
    border-radius: var(--public-mobile-surface-radius) !important;
    background: var(--public-mobile-surface-fill) !important;
    box-shadow: var(--public-mobile-surface-shadow) !important;
  }

  body[data-page="intake"] .intake-hero h1 {
    color: #10283a !important;
    font-weight: 950 !important;
  }

  body[data-page="intake"] .intake-form :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    border: 1px solid rgba(16, 40, 58, 0.18) !important;
    border-radius: 12px !important;
    color: #10283a !important;
    background-color: rgba(255, 255, 255, 0.97) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      0 8px 18px rgba(16, 40, 58, 0.055) !important;
  }

  body[data-page="intake"] .intake-form > button[type="submit"] {
    border: 1px solid rgba(205, 171, 106, 0.72) !important;
    border-radius: var(--public-mobile-action-radius) !important;
    color: #ffffff !important;
    background: var(--public-mobile-primary-fill) !important;
    box-shadow:
      0 14px 28px rgba(16, 40, 58, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    font-weight: 900 !important;
  }

  body[data-page="intake"] .intake-side .primary-link {
    border: 1px solid rgba(185, 145, 84, 0.48) !important;
    border-radius: var(--public-mobile-action-radius) !important;
    color: #10283a !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 251, 0.94)) !important;
    box-shadow: 0 8px 18px rgba(16, 40, 58, 0.08) !important;
    font-weight: 850 !important;
  }

  body[data-page="tax-prep"] .tax-landing-shell {
    padding: 14px 6px 28px !important;
  }

  body[data-page="tax-prep"] .tax-hero {
    border-color: var(--public-mobile-surface-border) !important;
    border-radius: var(--public-mobile-surface-radius) var(--public-mobile-surface-radius) 0 0 !important;
    background: var(--public-mobile-surface-fill) !important;
    box-shadow: var(--public-mobile-surface-shadow) !important;
  }

  body[data-page="tax-prep"] .tax-hero h1 {
    color: #10283a !important;
    font-weight: 950 !important;
  }

  body[data-page="tax-prep"] .tax-section {
    border-color: rgba(185, 145, 84, 0.34) !important;
    background: rgba(255, 255, 255, 0.94) !important;
  }

  body[data-page="tax-prep"] .tax-cta {
    border-color: var(--public-mobile-surface-border) !important;
    border-radius: 0 0 var(--public-mobile-surface-radius) var(--public-mobile-surface-radius) !important;
    background: var(--public-mobile-primary-fill) !important;
    box-shadow: var(--public-mobile-surface-shadow) !important;
  }

  body[data-page="tax-prep"] .tax-hero-actions .primary-link {
    border: 1px solid rgba(205, 171, 106, 0.72) !important;
    border-radius: var(--public-mobile-action-radius) !important;
    color: #ffffff !important;
    background: var(--public-mobile-primary-fill) !important;
    box-shadow:
      0 14px 28px rgba(16, 40, 58, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    font-weight: 900 !important;
  }

  body[data-page="tax-prep"] .tax-hero-actions .secondary-action {
    border: 1px solid rgba(185, 145, 84, 0.48) !important;
    border-radius: var(--public-mobile-action-radius) !important;
    color: #10283a !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 251, 0.94)) !important;
    box-shadow: 0 8px 18px rgba(16, 40, 58, 0.08) !important;
    font-weight: 850 !important;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .legal-shell {
    padding: 14px 6px 28px !important;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .page-hero {
    border-color: var(--public-mobile-surface-border) !important;
    border-radius: var(--public-mobile-surface-radius) var(--public-mobile-surface-radius) 0 0 !important;
    background: var(--public-mobile-surface-fill) !important;
    box-shadow: var(--public-mobile-surface-shadow) !important;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .page-hero h1 {
    color: #10283a !important;
    font-weight: 950 !important;
  }

  body:is([data-page="privacy"], [data-page="terms"]) .legal-content {
    border-color: var(--public-mobile-surface-border) !important;
    border-radius: 0 0 var(--public-mobile-surface-radius) var(--public-mobile-surface-radius) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.965), rgba(247, 250, 251, 0.94)) !important;
    box-shadow: var(--public-mobile-surface-shadow) !important;
  }
}