.n8n-hero{background:radial-gradient(at 75% 45%,#211844,#0000 70%);padding:clamp(30px,4vw,56px) 0}.n8n-hero-grid{align-items:center;gap:clamp(24px,4vw,48px);display:grid}.n8n-page .n8n-hero h1{letter-spacing:-.045em;font-size:clamp(34px,4vw,56px);line-height:1.08}.n8n-hero h1 span,.n8n-page .vb-eyebrow{color:#d1b9ff}.n8n-preview{background:#14132d;border:1px solid #594984;border-radius:16px;justify-self:center;width:min(100%,520px);min-width:0;margin:0;overflow:hidden}.n8n-preview img{width:100%;height:auto;display:block}.n8n-preview figcaption{color:#d4caed;padding:12px 16px;font-size:13px}.n8n-cards{gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.n8n-cards>*{background:#17172a;border:1px solid #393650;border-radius:14px;padding:24px}.n8n-cards h3{margin:0 0 10px;font-size:18px}.n8n-cards p{color:#c3c0d5;margin:0;line-height:1.65}.n8n-cards li>span{color:#d1b9ff;margin-bottom:12px;font-size:24px;font-weight:600;display:block}#n8n-setup{scroll-margin-top:100px}.n8n-page :is(a,button,summary):focus-visible{outline-offset:3px;outline:2px solid #d1b9ff}@media (width<=600px){.n8n-hero-grid{padding-inline:16px}}@media (width>=768px){.n8n-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=960px){.n8n-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}}