.vp-page{font-family:var(--font-site);color:var(--ink);background:var(--paper);padding-bottom:96px;line-height:1.6}.vp-page *{box-sizing:border-box}.vp-page h1,.vp-page h2,.vp-page p,.vp-page ul{margin:0}.vp-page :focus-visible{outline:3px solid var(--brand);outline-offset:4px}.vp-page .wrap{width:min(1200px,100% - 80px);margin-inline:auto}.vp-page a{color:var(--brand);text-underline-offset:4px;text-decoration:underline}.vp-page a:hover{color:var(--brand-strong)}.vp-hero{border-bottom:1px solid var(--line);padding-top:80px;padding-bottom:56px}.vp-page h1{letter-spacing:-.045em;font-size:clamp(40px,5vw,68px);font-weight:550;line-height:1.06}.vp-page .vp-lede{max-width:36em;color:var(--muted);margin-top:24px;font-size:19px;line-height:1.6}.vp-section{padding-top:64px}.vp-h2{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(22px,2.2vw,28px);font-weight:550;line-height:1.25}.vp-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;display:grid}.vp-block{align-content:start;gap:12px;min-width:0;display:grid}.vp-page .vp-why{color:var(--muted);gap:4px;margin:0;padding-left:1.25em;font-size:16px;line-height:1.6;list-style:outside;display:grid}.vp-why li::marker{color:var(--brand)}.vp-block p,.vp-panel p{color:var(--muted);max-width:36em;font-size:16px;line-height:1.6}.vp-page .vp-list{border-top:1px solid var(--line);max-width:52em;margin-top:20px;padding:0;list-style:none;display:grid}.vp-list li{border-bottom:1px solid var(--line-soft);color:var(--ink);min-width:0;padding:16px 0 16px 28px;font-size:16px;line-height:1.6;position:relative}.vp-list li:before{content:"";background:var(--brand);border-radius:50%;width:8px;height:8px;position:absolute;top:27px;left:4px}.vp-panel{background:var(--surface);border:1px solid var(--line-soft);border-radius:8px;gap:14px;max-width:52em;padding:40px 48px;display:grid}.vp-page .vp-boundary{color:var(--ink)}.vp-page .vp-more{margin-top:6px;font-size:15px}@media (max-width:820px){.vp-pair{grid-template-columns:minmax(0,1fr);gap:40px}}@media not (min-width:701px){.vp-page .wrap{width:calc(100% - 48px)}.vp-hero{padding-top:48px;padding-bottom:40px}.vp-section{padding-top:48px}.vp-page .vp-lede{font-size:17px}.vp-panel{padding:28px 22px}}
