/* hooodl.com/business: what the business application adds to /join.css. */
input[type="tel"] { width: 100%; min-height: 52px; padding: 12px 14px; background: var(--card); color: var(--ink); border: 2.5px solid var(--ink); border-radius: 14px; font: 800 17px/1.2 var(--body); }
input[type="tel"]:focus-visible { outline: none; box-shadow: 0 0 0 4px var(--pink); }
input.bad { border-color: #B3261E; }

/* scene colours */
.hero-kind { --hbg: #FFE7C4; }
.hero-goals { --hbg: #BFE0FF; }
.hero-offer { --hbg: #C8F0DA; }