.demo-hero{min-height:100svh;padding-block:calc(var(--nav-h) + 3rem) 4rem;--linework-opacity:.35;align-items:center;display:flex;overflow:clip}.demo-hero__arc{z-index:-1;fill:none;width:100%;height:100%;stroke:rgb(var(--blue-rgb) / .09);stroke-width:80px;vector-effect:non-scaling-stroke;filter:blur(18px);position:absolute;inset:12% 0 0}.demo-hero__grid{grid-template-columns:1fr minmax(22rem,31rem);align-items:center;gap:clamp(2rem,5vw,5.5rem);display:grid}.demo-hero__eyebrow{color:var(--hi);margin-bottom:1.1rem}.demo-hero__title{font-size:clamp(2.4rem,1.4rem + 3vw,4.4rem)}.demo-hero__title .serif{font-size:1.08em;line-height:.85}.demo-hero__lede{max-width:34rem;margin-top:1.25rem}.demo-hero__points{gap:.75rem;margin-top:1.8rem;display:grid}.demo-hero__points li{align-items:center;gap:.8rem;font-weight:500;display:flex}.demo-hero__icon{background:var(--white);width:2.3rem;height:2.3rem;box-shadow:inset 0 0 0 1px rgb(var(--navy-rgb) / .08);color:var(--blue);border-radius:10px;flex:none;place-items:center;display:grid}.demo-hero__icon .micon{width:1.15rem;height:1.15rem}.demo-hero__call{color:var(--fg-2);margin-top:1.8rem;font-size:.92rem}.demo-hero__call a{color:var(--blue-2);white-space:nowrap;font-weight:600}.demo-next__title{font-size:var(--fs-title);text-align:center}.demo-next__steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:clamp(2rem,5vh,3rem);display:grid}.demo-next__steps li{border-radius:var(--radius);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);padding:1.5rem;position:relative}.demo-next__num{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--hi)}.demo-next__steps h3{font-family:var(--font-display);letter-spacing:-.02em;margin-top:.6rem;font-size:1.2rem;font-weight:700}.demo-next__steps p{color:var(--fg-2);margin-top:.4rem;font-size:.93rem}.demo-cover{text-align:center;justify-items:center;gap:1rem;margin-top:clamp(2.5rem,6vh,4rem);display:grid}.demo-cover ul{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.demo-cover li{border-radius:var(--radius-pill);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);align-items:center;gap:.5rem;padding:.5rem .95rem;font-size:.9rem;display:inline-flex}.demo-cover .micon{width:1rem;height:1rem;color:var(--blue)}@media (width<=960px){.demo-hero__grid{grid-template-columns:1fr}.demo-hero{padding-top:calc(var(--nav-h) + 2.5rem)}.demo-next__steps{grid-template-columns:1fr}}