.brand{display:inline-flex;align-items:center;gap:9px;min-width:0;text-decoration:none}.brand>img{height:auto;object-fit:contain;object-position:left center}.brand-text{color:#f4f8fb;font-size:1.18rem;font-weight:850;letter-spacing:-.035em;white-space:nowrap}

/* Keep expensive below-the-fold sections out of the initial mobile render. */
.workflow-section,.intelligence-section,.plan-section,.faq-section,.site-footer{content-visibility:auto;contain-intrinsic-size:900px}

/* Reduce paint work for decorative effects without changing the desktop composition. */
@media (prefers-reduced-motion:reduce){.ambient,.visual-orbit,.visual-window,.float-card{animation:none!important}}

@media (max-width:900px){
  .brand-text{font-size:1.05rem}
  .ambient{display:none}.visual-orbit{animation:none}
}

@media (max-width:560px){
  .brand{gap:7px}.brand-text{font-size:1rem}
  .hero-copy{text-align:left}.hero-copy .eyebrow{margin-inline:0}
  .hero-actions{width:100%}.hero-actions .button{justify-content:center}
  .hero-proof{justify-content:flex-start}
  h1{margin-inline:0;font-size:clamp(2.65rem,13vw,3.45rem);line-height:.96;overflow-wrap:anywhere}
  .hero-lead{margin-inline:0;font-size:.98rem;line-height:1.6}
  .command-visual{margin-top:6px}
}
