/* Generated from the accepted homepage styles. Run shared/site-shell.mjs or assemble-home.mjs. */
.masthead{max-width:1600px;margin:auto;padding:0 var(--page);height:92px;display:flex;align-items:center;gap:42px}
.brand{width:89px;flex-shrink:0}
.brand>span{display:block;height:38px;width:100%;background:var(--cobalt);mask:url('/brand/rubi-light-lettering.png') center/contain no-repeat}
.desktop-nav{display:flex;align-items:center;gap:32px;margin:auto;font-size:14px;letter-spacing:.01em}
.desktop-nav>a,.integrations-menu>summary{padding-block:12px}
.desktop-nav a:hover,.integrations-menu summary:hover{color:var(--cobalt)}
.integrations-menu{position:relative}
.integrations-menu summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer}
.integrations-menu summary::-webkit-details-marker{display:none}
.integrations-menu>div{position:absolute;top:45px;left:-20px;width:210px;border:1px solid var(--line);background:#FFF;padding:10px;z-index:20;border-radius:8px;box-shadow:0 12px 35px -12px #10182726}
.integrations-menu>div>a{display:block;padding:10px;border-radius:4px}
.integrations-menu>div>a:hover{background:var(--surface)}
.nav-action{display:flex;align-items:center;gap:25px;min-height:44px;border:1px solid var(--line);padding:10px 15px;font-size:13px;border-radius:var(--radius);letter-spacing:.01em}
.nav-action:hover{background:var(--cobalt);color:#FFF;border-color:var(--cobalt)}
.menu-button{display:none}
.mobile-menu{padding:10px var(--page) 20px;background:var(--surface)}
.mobile-menu a{display:block;padding-block:12px}
@media(min-width:701px){.mobile-menu{display:none}
}
@media(max-width:1100px) and (min-width:701px){.masthead{gap:25px}
.desktop-nav{gap:20px}
.nav-action{gap:12px}
}
@media(max-width:700px){.masthead{height:78px;gap:20px}
.brand{width:76px}
.brand>span{height:33px}
.desktop-nav,.nav-action{display:none}
.menu-button{display:grid;place-items:center;margin-left:auto;width:44px;height:44px;border:0;background:transparent}
}
:root{--header-h:80px}
.masthead{position:sticky;top:0;z-index:40;height:var(--header-h);max-width:none;background:#fffffff5;border-bottom:1px solid transparent;transition:border-color .18s,box-shadow .18s}
.masthead.is-scrolled{border-color:var(--line);box-shadow:0 4px 18px -14px #10182750}
.nav-action{background:var(--cobalt);border-color:var(--cobalt);color:#fff;font-weight:600}
.nav-action:hover{background:var(--navy)}
.mobile-menu{position:fixed;top:var(--header-h);left:0;right:0;z-index:39;border-bottom:1px solid var(--line)}
@media(max-width:700px){:root{--header-h:72px}
.masthead{padding-inline:16px;gap:10px}
.brand{width:63px}
.brand>span{height:30px}
.nav-action{display:flex;font-size:11px;min-height:40px;padding:7px 10px;gap:8px;margin-left:auto}
.nav-action svg{width:14px}
.menu-button{width:40px;height:40px;margin:0;flex-shrink:0}
}
.masthead{background:#FFFFFF}
@media(max-width:700px){.nav-action,.menu-button{min-height:44px;height:44px}
.menu-button{width:44px}
}
.login-link{font-size:13px;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;color:var(--muted)}
.login-link:hover{color:var(--cobalt)}
@media(max-width:1050px) and (min-width:701px){.masthead{gap:18px}
.desktop-nav{gap:20px}
}
@media(max-width:700px){.login-link{display:none}
}

.desktop-nav>a[aria-current="page"]{color:var(--cobalt)}
@media(min-width:701px) and (max-width:1200px){.masthead{gap:18px;padding-inline:32px}.desktop-nav{gap:18px;font-size:13px}.nav-action{gap:12px}.login-link{font-size:12px}}
@media(min-width:701px) and (max-width:1050px){.masthead{height:78px;gap:20px}.desktop-nav,.login-link{display:none}.nav-action{margin-left:auto}.menu-button{display:grid;place-items:center;flex-shrink:0;margin:0;width:44px;height:44px;border:0;background:transparent}.mobile-menu:not([hidden]){display:block;padding-inline:32px}}

/* Shared additions requested by the owner. Palette and existing site rhythm remain. */
.mobile-menu{top:var(--rubi-menu-top,var(--header-h))}
.masthead .login-link{box-sizing:border-box;border:1px solid transparent;border-radius:6px;padding-inline:12px;margin-inline:-13px;transition:border-color .18s ease,color .18s ease}
.masthead .login-link:hover,.masthead .login-link:focus-visible{border-color:#1538C5;color:#1538C5}
@media(prefers-reduced-motion:reduce){.masthead .login-link{transition:none}}
.masthead{gap:24px}.desktop-nav{gap:24px}
.nav-demo-link{display:inline-flex;align-items:center;min-height:44px;padding:12px 0;border:0;border-radius:0;background:none;color:#1538C5!important;font:inherit;font-weight:700;white-space:nowrap}
@supports(background-clip:text){.nav-demo-link{background-image:linear-gradient(110deg,#1538C5 12%,#3366DF 45%,#1230AA 72%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:rubi-demo-blue 7s ease-in-out infinite}}
.nav-demo-link:hover{animation-play-state:paused;text-decoration:underline;text-underline-offset:4px}.nav-demo-link:focus-visible{outline:3px solid #1538C5;outline-offset:4px}
@keyframes rubi-demo-blue{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.home-continuation:has(>.mock-footer){max-width:none;background:#fff}
.home-continuation .mock-footer{max-width:1440px;margin-inline:auto;background:#fff;padding:52px 72px 26px;font:14px/1.7 Manrope,Arial,sans-serif;border-top:1px solid #E1E6EF;color:#101827}
.home-continuation .mock-footer .footer-main{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.3fr;gap:38px;align-items:start;margin:0}
.mock-footer .footer-brand p{font-size:14px;line-height:1.8;color:#586477;margin-top:20px}.mock-footer .footer-logo{display:block;width:100px;height:42px;background:#1538C5;mask:url('/brand/rubi-light-lettering.png') center/contain no-repeat}
.mock-footer .footer-main nav,.mock-footer .footer-main address{display:flex;flex-direction:column;gap:10px;font-style:normal;min-width:0}.mock-footer .footer-main h2{font-size:15px;line-height:1.5;font-weight:600;letter-spacing:0;margin:0 0 8px}.mock-footer a{color:inherit;text-decoration:none}.mock-footer a:hover{color:#1538C5}.mock-footer a:focus-visible{outline:2px solid #1538C5;outline-offset:4px}.mock-footer address a{overflow-wrap:anywhere}.mock-footer address a>span{display:block;font-size:12px;color:#586477;margin-top:2px}
.home-continuation .mock-footer .footer-community{display:flex;justify-content:space-between;align-items:center;gap:38px;margin:38px 0 0;padding:28px 0;border-top:1px solid #E1E6EF}.footer-community p{font-size:12px;color:#586477;margin:0 0 18px}.footer-logos{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.footer-logos img{display:block;width:90px;height:36px;object-fit:contain}.footer-sprint{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.footer-sprint strong{font-size:17px;font-weight:600}.footer-sprint span{font-size:12px;color:#586477}
.home-continuation .mock-footer .footer-legal{display:flex;align-items:start;justify-content:space-between;gap:32px;border-top:1px solid #E1E6EF;margin:0;padding-top:24px;font-size:11px;color:#586477}.footer-legal>div{display:flex;flex-direction:column;gap:5px}.footer-legal>nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
@media(max-width:1200px) and (min-width:701px){.masthead{padding-inline:32px;gap:16px}.desktop-nav{gap:16px;font-size:13px}.home-continuation .mock-footer{padding-inline:40px}.home-continuation .mock-footer .footer-main{gap:26px}}
@media(max-width:1050px) and (min-width:701px){.masthead .desktop-nav,.masthead .login-link{display:none}.masthead .nav-action{margin-left:0}.home-continuation .mock-footer .footer-main{grid-template-columns:1fr 1fr;gap:32px 56px}.home-continuation .mock-footer .footer-community{align-items:start}.footer-logos{gap:20px}.footer-logos img{width:80px}}
@media(max-width:700px){.masthead{padding-inline:16px;gap:8px}.masthead .brand{width:62px}.masthead .brand>span{height:28px}.masthead .nav-action{display:flex;justify-content:center;box-sizing:border-box;flex:0 1 164px;width:164px;max-width:calc(100vw - 148px);min-width:0;min-height:44px;height:auto;margin-left:0;padding:8px 12px;font-size:12px;line-height:1.3;white-space:normal;text-align:center;gap:0}.masthead .nav-action-label{display:block;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}.masthead .nav-action svg{display:none}.masthead .menu-button{width:36px;min-width:36px;height:44px;margin-left:0}.home-continuation .mock-footer{padding:34px 20px 24px}.home-continuation .mock-footer .footer-main{grid-template-columns:1fr 1fr;gap:30px 22px}.mock-footer .footer-brand{grid-column:1/-1}.mock-footer .footer-brand p{margin-top:14px}.mock-footer .footer-main address{grid-column:1/-1}.home-continuation .mock-footer .footer-community{display:block;margin-top:30px;padding-top:24px}.footer-logos{gap:18px 22px}.footer-logos img{width:80px;height:34px}.footer-sprint{margin-top:26px}.home-continuation .mock-footer .footer-legal{display:block;padding-top:22px}.footer-legal>nav{grid-template-columns:1fr;gap:10px;margin-top:22px}.footer-legal>div{font-size:11px}}
@media(prefers-reduced-motion:reduce){.nav-demo-link{animation:none;background:none;-webkit-text-fill-color:currentColor;transition:none}}
@media(forced-colors:active){.nav-demo-link{animation:none;background:none;color:LinkText!important;-webkit-text-fill-color:LinkText}}
.mock-footer .footer-logos img{filter:brightness(0);opacity:.65}
.home-continuation .mock-footer .footer-main address a{display:block}

@media(max-width:1050px){.masthead .nav-action{margin-left:auto}}