/* Layout-only experiment. Typography comes from Home1, with 13px text raised to 14px at build time. */
/* Refined brand lockup, separate from the page typography. */
.homepage-layout .brand{letter-spacing:-.045em;gap:9px}
.homepage-layout .site-header .brand-domain,.homepage-layout .footer .brand-domain{color:#6f7582;letter-spacing:-.025em}
.homepage-layout .footer .brand{letter-spacing:-.045em;gap:9px}
.homepage-layout .workspace-sidebar .brand-domain{color:#969cad}
.homepage-layout .workflow { padding: 88px 0; }
.homepage-layout .connect-section { padding: 72px 0 84px; gap: 64px; }
.homepage-layout .workspace,
.homepage-layout .workspace-sidebar { background: #1a1c24; }
.homepage-layout .workspace-sidebar { border-right: 0; border-bottom: 0; }
.homepage-layout .workspace-top { border-bottom: 0; }
.homepage-layout .footer-links a:focus-visible,
.homepage-layout .footer-links button:focus-visible { outline: 2px solid #8174df; outline-offset: 4px; border-radius: 3px; }
@media (min-width: 801px) {
  .homepage-layout .workspace { --workspace-panel-radius: 20px; }
}
@media (max-width: 800px) {
  .homepage-layout .workflow { padding: 70px 0; }
  .homepage-layout .connect-section { gap: 32px; padding: 60px 0; }
}
@media (max-width: 600px) {
  .homepage-layout .workflow { padding: 60px 0; }
}
