/* The home page on phones, matched to the Figma "/main — mobile (390)" frame
   (225:2380): 20px margins, 72px above and 64px below each section, 34px
   headings that run on one line where the desktop breaks them, and full-width
   buttons. Loaded after home.css, whose earlier phone rules (#4283) it refines. */
.m-only{display:none}
@media (max-width:899px){
  .m-only{display:revert}.d-only{display:none!important}

  /* hero (227:2501): h1 at y76, button at y283, caption card at y616, 764 tall */
  .hx-sub{font-size:16px;line-height:24px}
  .hx nav a.nav-get.cta{display:none}
  .hx-head{padding-top:29px}
  .hx-act{align-self:stretch;gap:10px}
  .hx-act .cta{width:100%;height:48px}
  .radial{margin:30px 0 44px}
  .rcore .cap{display:none}

  /* every section */
  .hs,.loop{padding:72px 20px 64px}
  .hs::before,.loop::before{height:102.4px}
  .hs::after,.loop::after{height:147.2px}
  .hs h2,.hfinal h2{font-size:34px;line-height:1.08;letter-spacing:-2.5px}
  .hs h2 br{display:none}
  .cta-row{flex-direction:column;align-items:stretch;gap:24px}
  .cta-row .cta{width:100%;height:48px}

  /* "Your best work" (225:2529) */
  #what .hs-top>div{width:auto}
  #what .mono-lede{margin:32px 0 0;font-size:16px;line-height:24px}
  .duo{margin-top:42px;gap:24px}
  .dcard{display:flex;flex-direction:column;gap:14px;height:auto;padding:24px 22px 22px}
  .dhead{margin:0;height:auto;gap:12px;align-items:flex-start}
  .dcard h3{padding:0;font-size:28px;line-height:30px;letter-spacing:-1.2px}
  .dcard p,.dfoot{position:static;margin:0}
  .dart{position:relative;transform:none;flex:none}
  .art-find,.art-wallet{display:block}
  .art-find{zoom:.3218}.art-wallet{zoom:.4023}

  /* "A clear review" (225:2607) */
  #review{padding:72px 20px 64px}
  #review .two{gap:36px}
  #review .two>*{min-width:0}
  #review .two>div:first-child{gap:24px}
  #review .lede{font-size:16px;line-height:1.6}
  #review .arrows{height:auto}
  #review .bgrid{height:1047px;background-image:url(/home-figma/bg-grid-m.svg)}
  #review .gsweep{left:-210px;top:-104.7px;width:420px;height:1256.4px;background-image:url(/home-figma/bg-grid-sweep-m.svg)}

  /* "Connect. Push." (225:2647) */
  #how{padding:72px 20px 64px}
  .steps3{margin-top:46px;gap:32px}
  .steps3 b{font-size:22px}
  .steps3 p{min-height:0}

  /* integrations (227:3131) */
  .loop h2{font-size:30px;line-height:32px;letter-spacing:-1.32px}
  .loop .lede{font-size:16px;line-height:26px}
  .loop-grid{margin-top:14px;gap:14px}
  .flows{gap:14px}

  /* pricing (225:2838): left-aligned */
  #pricing .wrap.center{text-align:left}
  #pricing .lede{margin:20px 0 0;font-size:16px}
  .plans{margin-top:38px;gap:20px}
  .plan{padding:24px 22px}.plan-strong{padding:19px 17px}
  .plan h3{font-size:22px}
  .pprice{font-size:52px}
  .pbtn{height:48px}
  .arith{margin-top:38px;padding:26px;gap:6px}
  .arith b{font-size:22px}
  .pcta{margin-top:38px;flex-direction:column;align-items:stretch;gap:20px}
  .pcta .cta{width:100%;height:48px}

  /* trust (225:2907) */
  #trust{padding:72px 20px 64px}
  #trust .two{gap:32px}
  #trust .lede{font-size:16px;line-height:1.6}
  .tcard{padding:24px 22px}
  .trow h3{font-size:20px;letter-spacing:0}

  /* closing (227:3292): 444 tall, mark y72, button y312 */
  .hfinal{height:444px;padding:0}
  .hfinal .final-mark{position:absolute;left:50%;top:72px;margin:0;transform:translateX(-50%)}
  .hfinal .final-copy{position:absolute;left:20px;right:20px;top:148px}
  .hfinal h2{line-height:36px;letter-spacing:-2.24px}
  .hfinal p{margin-top:16px}
  .hfinal .cta{width:100%;height:52px;margin-top:28px}
  .hfinal .bgrid{height:468px;background-image:url(/home-figma/bg-grid-start-m.svg)}
  .hfinal .gsweep{left:-210px;top:-46.8px;width:420px;height:561.6px;background-image:url(/home-figma/bg-grid-sweep-start-m.svg)}

  /* footer (227:5832): left-aligned, the home link on its own line */
  footer{padding:56px 20px 64px;text-align:left}
  footer .flinks{justify-content:flex-start;gap:13.2px 22px}
  footer .flinks a:first-child{flex-basis:100%;margin-bottom:6px}
  body.home footer p{margin-top:27px}
}