.vdm-sol-head{text-align:center;flex-direction:column;align-items:center;display:flex}.vdm-sol-head .vdm-title{max-width:640px;margin-top:12px}.vdm-sol-head .vdm-sub{max-width:620px;margin-top:16px}.vdm-sol-link{color:var(--vdm-ink);align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:21px;text-decoration:none;display:inline-flex}.vdm-sol-link svg{height:14px;transition:transform var(--vdm-duration) var(--vdm-ease);flex:none;width:14px}@media (hover:hover){.vdm-sol-link:hover svg{transform:translate(3px)}}.vdm-sol-points{flex-direction:column;gap:10px;display:flex}.vdm-sol-points li{color:var(--vdm-ink);align-items:flex-start;gap:10px;font-size:15px;line-height:22.5px;display:flex}.vdm-sol-points svg{opacity:.5;flex:none;width:16px;height:16px;margin-top:3px}.vdm-sol-hero{padding-block:48px 24px}.vdm-sol-hero-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.vdm-sol-hero-inner .vdm-chip{margin-bottom:20px}.vdm-sol-hero-inner .vdm-title{max-width:760px}.vdm-sol-hero-inner .vdm-sub{max-width:600px;margin-top:24px}.vdm-sol-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}@media (width>=900px){.vdm-sol-hero{padding-block:96px 32px}}.vdm-sol-role-grid{gap:20px;margin-top:40px;display:grid}.vdm-sol-role{background:var(--vdm-surface);border:1px solid var(--vdm-line-soft);border-radius:var(--vdm-radius-card);transition:background-color var(--vdm-duration-fast) ease;gap:24px;padding:12px 12px 28px;display:grid;position:relative}@media (hover:hover){.vdm-sol-role:hover{background:var(--vdm-soft)}}.vdm-sol-role:has(.vdm-sol-link:focus-visible){outline:2px solid var(--vdm-focus);outline-offset:2px}.vdm-sol-role .vdm-sol-link:after{border-radius:var(--vdm-radius-card);content:"";position:absolute;inset:0}.vdm-sol-role .vdm-sol-link:focus-visible{outline:none}.vdm-sol-role-tile{aspect-ratio:4/3;background:var(--vdm-tile);border-radius:var(--vdm-radius-tile);place-items:center;display:grid}.vdm-sol-role-mini{width:78%}.vdm-sol-role-copy{flex-direction:column;align-items:flex-start;padding-inline:12px;display:flex}.vdm-sol-role-title{color:var(--vdm-ink);letter-spacing:-.02em;margin-top:6px;font-size:20px;line-height:28px}.vdm-sol-role-body{color:var(--vdm-text-muted);margin-top:12px;font-size:15px;line-height:24px}.vdm-sol-role-copy .vdm-sol-points{margin-top:20px}.vdm-sol-role-copy .vdm-sol-link{margin-top:24px}.vdm-sol-demo{color:var(--vdm-text-muted);text-align:center;margin-top:24px;font-size:12px;line-height:18px}@media (width>=560px) and (width<=899px){.vdm-sol-role{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;padding:12px}}@media (width>=900px){.vdm-sol-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px}}.vdm-sol-compare{gap:40px;margin-top:48px;display:grid}.vdm-sol-col{border-top:1px solid var(--vdm-line);flex-direction:column;align-items:flex-start;padding-top:24px;display:flex}.vdm-sol-col .vdm-h3{margin-top:12px}.vdm-sol-col .vdm-body{max-width:360px;margin-top:12px}.vdm-sol-col .vdm-sol-points{margin-top:24px}.vdm-sol-col .vdm-sol-link{margin-top:28px}@media (width>=900px){.vdm-sol-compare{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:64px}}.vdm-sol-steps{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:48px;display:grid}.vdm-sol-step{border-top:1px solid var(--vdm-line);flex-direction:column;gap:6px;padding-top:20px;display:flex}.vdm-sol-step-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}@media (width>=560px){.vdm-sol-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.vdm-sol-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:64px}}.vdm-sol-panel{background:var(--vdm-soft);border-radius:var(--vdm-radius-panel);gap:32px;padding:32px 24px;display:grid}.vdm-sol-panel-copy{flex-direction:column;align-items:flex-start;display:flex}.vdm-sol-panel-copy .vdm-title{max-width:460px;margin-top:12px}.vdm-sol-panel-copy .vdm-body{max-width:460px;margin-top:16px}.vdm-sol-panel-action{margin-top:28px}.vdm-sol-panel-card{width:100%;max-width:420px}@media (width>=900px){.vdm-sol-panel{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:64px;padding:56px}.vdm-sol-panel-card{justify-self:end}}@media (prefers-reduced-motion:reduce){.vdm-sol-link svg,.vdm-sol-role{transition:none}}
