:where(.ph-web) .phero--plain h1{max-width:720px}:where(.ph-web) .phero--plain .t-lead{max-width:640px}:where(.ph-web) .demo-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:64px;display:grid}:where(.ph-web) .demo-grid .steps{margin-top:28px}:where(.ph-web) .demo-grid .form{padding:32px}:where(.ph-web) .form .btn{justify-self:start}:where(.ph-web) .form .state{border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.5;display:none}:where(.ph-web) .form .state .ico{flex:none;margin-top:3px}:where(.ph-web) .form .state.ok{background:var(--ok-soft);color:var(--ok-ink);border:1px solid color-mix(in srgb, var(--ok) 25%, transparent)}:where(.ph-web) .form .state.err{background:var(--bad-soft);color:var(--bad);border:1px solid color-mix(in srgb, var(--bad) 25%, transparent)}:where(.ph-web) .form.sent .state.ok,:where(.ph-web) .form.failed .state.err{display:flex}:where(.ph-web) .reach{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}:where(.ph-web) .direct{flex-direction:column;padding:30px 28px;display:flex}:where(.ph-web) .direct .lines{gap:10px;margin-top:20px;display:grid}:where(.ph-web) .direct .lines a{border:1px solid var(--line);background:var(--band);transition:border-color var(--t-fast) var(--ease);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:500;display:flex}:where(.ph-web) .direct .lines a:hover{border-color:var(--line-strong)}:where(.ph-web) .direct .lines a .tile{width:32px;height:32px}:where(.ph-web) .direct .lines a .go3{color:var(--ink-3);margin-inline-start:auto}:where(.ph-web) .direct .lines .mail{font-family:var(--font-mono);font-size:14px}:where(.ph-web) .direct p.t-card{margin-top:16px}:where(.ph-web) .direct .more{margin-top:auto;padding-top:18px}:where(.ph-web) .reach .who{height:100%}@media (max-width:960px){:where(.ph-web) .demo-grid,:where(.ph-web) .reach{grid-template-columns:minmax(0,1fr);gap:32px}}@media (max-width:760px){:where(.ph-web) .demo-grid .form{padding:20px}:where(.ph-web) .direct{padding:22px 20px}:where(.ph-web) .form .btn{justify-self:stretch}}