@layer components{.ndm-tool-connect{justify-content:center;align-items:center;display:flex}.ndm-tool-tile{border-radius:var(--radius-5xl);background:var(--card);width:88px;height:88px;box-shadow:var(--shadow-sheet);color:var(--foreground);flex:none;place-items:center;display:grid}.ndm-tool-tile[data-adapt]{background:var(--primary);color:var(--primary-foreground)}.ndm-tool-tile svg{width:44px;height:44px}.ndm-tool-logo{object-fit:contain;flex:none;width:20px;height:20px}.ndm-tool .ndm-tool-tile .ndm-tool-logo{width:44px;height:44px}.ndm-tool-wire{border-top:2px dashed var(--border-strong);flex:none;width:56px}.ndm-tool-uses .ndm-fgrid p:empty{display:none}.ndm-tool-setup{padding-block:var(--space-y);row-gap:40px}.ndm-tool-setup-head{grid-column:1/span 5}.ndm-tool-setup-body{grid-column:7/-1;gap:24px;min-width:0;display:grid}.ndm-tool-steps{display:grid}.ndm-tool-steps li{align-items:flex-start;gap:16px;padding-block:4px 20px;display:flex}.ndm-tool-steps li+li{border-top:1px solid var(--border);padding-top:20px}.ndm-tool-step-num{background:var(--muted);width:28px;height:28px;color:var(--foreground);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;place-items:center;font-size:13px;font-weight:500;line-height:16px;display:grid}.ndm .ndm-tool-steps p{color:var(--foreground);text-wrap:pretty;padding-top:2px;font-size:16px;line-height:24px}.ndm .ndm-tool-note{border-top:1px solid var(--border);color:var(--muted-foreground);text-wrap:pretty;align-items:flex-start;gap:10px;padding-top:24px;font-size:14px;line-height:20px;display:flex}.ndm-tool-note svg{flex:none;margin-top:2px}.ndm-tool .ndm-lcard-glyph{background:var(--card);box-shadow:inset 0 0 0 1px var(--border)}.ndm-tool .ndm-lcard-glyph:has(>.ndm-tool-duo){width:auto;padding-inline:8px}.ndm-tool-duo{align-items:center;gap:6px;display:flex}.ndm-tool-why{padding-block:var(--space-y);row-gap:16px}.ndm .ndm-tool-why>.ndm-sh-eyebrow{grid-column:1/-1;margin-bottom:0}.ndm-tool-why>h2{grid-column:1/span 5}.ndm-tool-why-copy{grid-column:7/-1;gap:20px;padding-top:6px;display:grid}.ndm .ndm-tool-why-copy p{color:var(--muted-foreground);text-wrap:pretty;font-size:17px;line-height:26px}.ndm-tool-examples{scroll-margin-top:var(--nav-h)}.ndm-tool-flows{gap:var(--col-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ndm-tool-flow{border-radius:var(--radius-4xl);background:var(--gray-50);flex-direction:column;min-width:0;padding:28px;display:flex}.ndm-tool-flow-text{flex:1;align-content:start;gap:8px;padding-bottom:24px;display:grid}.ndm .ndm-tool-flow h3{letter-spacing:-.005em;font-size:18px;line-height:24px}.ndm .ndm-tool-flow-text p{color:var(--muted-foreground);text-wrap:pretty;font-size:15px;line-height:24px}.ndm .ndm-tool-flow blockquote{border-top:1px solid var(--border);padding-top:20px}.ndm .ndm-tool-flow blockquote p{color:var(--foreground);text-wrap:pretty;font-size:15px;line-height:24px}@media (max-width:1000px){.ndm-tool-flows{grid-template-columns:minmax(0,1fr)}}@media (max-width:860px){.ndm-tool-setup-head,.ndm-tool-setup-body,.ndm-tool-why>h2,.ndm-tool-why-copy{grid-column:1/-1}.ndm-tool-setup{row-gap:32px}.ndm-tool-why-copy{padding-top:8px}}@media (max-width:560px){.ndm-tool-tile{border-radius:var(--radius-4xl);width:64px;height:64px}.ndm-tool-tile svg,.ndm-tool .ndm-tool-tile .ndm-tool-logo{width:32px;height:32px}.ndm-tool-wire{width:28px}.ndm-tool-flow{padding:24px}}}